@axos-web-dev/shared-components 1.0.48 → 1.0.50-patch.1

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -1,4 +1,4 @@
-@keyframes _shimmer_113g2_1 {
+@keyframes _shimmer_1jpv7_1 {
   from {
     transform: translateX(-100%);
   }
@@ -7,7 +7,7 @@
   }
 }
 
-._wrapper_113g2_19 {
+._wrapper_1jpv7_19 {
   background: #1e3860;
   border-radius: 8px;
   height: 555px;
@@ -15,11 +15,11 @@
   margin-block: 48px;
 }
 
-section > ._wrapper_113g2_19:first-child {
+section > ._wrapper_1jpv7_19:first-child {
   margin-top: 0 !important;
 }
 
-._wrapper_113g2_19::before {
+._wrapper_1jpv7_19::before {
   content: "";
   position: absolute;
   top: 0;
@@ -32,12 +32,18 @@ section > ._wrapper_113g2_19:first-child {
     rgba(255, 255, 255, 0.5) 50%,
     rgba(255, 255, 255, 0) 80%
   );
-  animation: _shimmer_113g2_1 1.3s infinite linear;
+  animation: _shimmer_1jpv7_1 1.3s infinite linear;
   z-index: -1;
 }
 
+._wrapper_control_1jpv7_77 {
+  height: 100%;
+  width: 100%;
+  overflow-x: scroll;
+}
+
 @media (max-width: 1023px) {
-  ._wrapper_113g2_19 {
+  ._wrapper_1jpv7_19 {
     display: none;
   }
 }

package/dist/assets/utils/optimizeImage/optimizeImage.css.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_ib32l_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_ib32l_10 {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_ib32l_17 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_ib32l_17 {
-  background-color: #1e262f;
-}
-
-.fl2fv50 ._loading_ib32l_17 {
-  background-color: #28587d;
-}
-
-._loading_ib32l_17::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_ib32l_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_1vfu4_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_1vfu4_19 {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_1vfu4_33 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_1vfu4_33 {
+  background-color: #1e262f;
+}
+
+.fl2fv50 ._loading_1vfu4_33 {
+  background-color: #28587d;
+}
+
+._loading_1vfu4_33::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_1vfu4_1 1.3s infinite linear;
+  z-index: 1;
+}

package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts

@@ -1,13 +1,13 @@
 export declare const Arrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})`;
         };
         tertiary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})`;
         };
     };
 }>;

package/dist/icons/CheckIcon/CheckIcon.css.d.ts

@@ -3,10 +3,10 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const checkColor: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})`;
         };
     };
 }>;

package/dist/themes/axos.css.d.ts

@@ -1,66 +1,66 @@
 export declare const axosTheme: string, vars: {
     colors: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
     };
-    error: `var(--${string})` | `var(--${string}, ${string})`;
+    error: `var(--${string})`;
     disabled: {
-        border: `var(--${string})` | `var(--${string}, ${string})`;
-        color: `var(--${string})` | `var(--${string}, ${string})`;
-        background: `var(--${string})` | `var(--${string}, ${string})`;
+        border: `var(--${string})`;
+        color: `var(--${string})`;
+        background: `var(--${string})`;
     };
     icons: {
         check: {
-            primary: `var(--${string})` | `var(--${string}, ${string})`;
-            secondary: `var(--${string})` | `var(--${string}, ${string})`;
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
         };
     };
     table: {
-        highlight: `var(--${string})` | `var(--${string}, ${string})`;
-        color: `var(--${string})` | `var(--${string}, ${string})`;
+        highlight: `var(--${string})`;
+        color: `var(--${string})`;
     };
     footer: {
         link: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})`;
         };
     };
     selecction: {
         icon: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})`;
         };
     };
 };

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,6 +1,6 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_ib32l_10";
-const loading = "_loading_ib32l_17";
-const shimmer = "_shimmer_ib32l_1";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_1vfu4_19";
+const loading = "_loading_1vfu4_33";
+const shimmer = "_shimmer_1vfu4_1";
 const css = {
   loader,
   loading,

package/package.json

@@ -1,131 +1,131 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.48",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.9.1",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.13",
-    "@types/node": "^20.17.10",
-    "@types/react": "^18.3.18",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.50-patch.1",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.9.1",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^20.17.10",
+    "@types/react": "^18.3.18",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}