@axos-web-dev/shared-components 1.0.99-feature-brand.2 → 1.0.99-sectionSpacerRemoved

package/package.json

@@ -1,133 +1,133 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.99-feature-brand.2",
-  "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.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@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",
-    "next-safe-action": "^8.0.2",
-    "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.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
-    "@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.99-sectionSpacerRemoved",
+  "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.10.0",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@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",
+    "next-safe-action": "^8.0.2",
+    "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.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^18.3.23",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.7",
+    "@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"
+}

package/dist/StepItemSet/sections/AdditionalDetailsSection.d.ts

@@ -1,7 +0,0 @@
-import { FC, ReactNode } from 'react';
-
-interface AdditionalDetailsSectionProps {
-    additionalDetails?: string | ReactNode;
-}
-export declare const AdditionalDetailsSection: FC<AdditionalDetailsSectionProps>;
-export {};

package/dist/StepItemSet/sections/AdditionalDetailsSection.js

@@ -1,11 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { bs_add_details } from "../StepItemSet.css.js";
-const AdditionalDetailsSection = ({
-  additionalDetails
-}) => {
-  if (!additionalDetails) return null;
-  return /* @__PURE__ */ jsx("div", { className: "containment push_up_24", children: /* @__PURE__ */ jsx("div", { className: bs_add_details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) });
-};
-export {
-  AdditionalDetailsSection
-};

package/dist/StepItemSet/sections/CallToActionSection.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { ChevronProps } from '../../Chevron/Chevron.interface';
-
-interface CallToActionSectionProps {
-    callToActionRow?: boolean | ChevronProps[];
-}
-export declare const CallToActionSection: FC<CallToActionSectionProps>;
-export {};

package/dist/StepItemSet/sections/CallToActionSection.js

@@ -1,39 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Button } from "../../Button/Button.js";
-import "../../Button/Button.css.js";
-import "react";
-import "react-use";
-import { Chevron } from "../../Chevron/index.js";
-import { getVariant } from "../../utils/getVariant.js";
-import { bs_btns } from "../StepItemSet.css.js";
-const CallToActionSection = ({
-  callToActionRow
-}) => {
-  if (!Array.isArray(callToActionRow) || callToActionRow.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: `flex middle center push_up_32 text_center ${bs_btns}`, children: callToActionRow.map(
-    ({ id, variant, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        targetUrl,
-        color: getVariant(variant),
-        size: "large",
-        rounded: "medium",
-        children: displayText
-      },
-      id
-    ) : /* @__PURE__ */ jsx(
-      Chevron,
-      {
-        targetUrl,
-        variant: getVariant(variant),
-        children: displayText
-      },
-      id
-    )
-  ) });
-};
-export {
-  CallToActionSection
-};

package/dist/StepItemSet/sections/HeaderSection.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { QuaternaryTypes } from '../../utils/variant.types';
-
-interface HeaderSectionProps {
-    title?: string | ReactNode;
-    description?: string | ReactNode;
-    variant: QuaternaryTypes;
-}
-export declare const HeaderSection: FC<HeaderSectionProps>;
-export {};

package/dist/StepItemSet/sections/HeaderSection.js

@@ -1,45 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { svg_logo, modifier, sec_title, sec_subtitle } from "../StepItemSet.css.js";
-const HeaderSection = ({
-  title,
-  description,
-  variant
-}) => {
-  if (!title && !description) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        className: svg_logo,
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "40",
-        height: "40",
-        fill: "none",
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "#FAA74A",
-              d: "M4.012.513a1.726 1.726 0 0 0-2.455 0L.539 1.53a1.726 1.726 0 0 0 0 2.456L16.536 20 .539 36.014a1.726 1.726 0 0 0 0 2.456l1.018 1.017a1.726 1.726 0 0 0 2.455 0L23.464 20 4.012.513Z"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "#1E3860",
-              fillRule: "evenodd",
-              d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
-              clipRule: "evenodd",
-              className: `${modifier({ variant })}`
-            }
-          )
-        ]
-      }
-    ),
-    title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${sec_title({ variant })}`, children: title }),
-    description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
-  ] });
-};
-export {
-  HeaderSection
-};

package/dist/StepItemSet/sections/ImageSection.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { ImageInterface } from '../../IconBillboard';
-
-interface ImageSectionProps {
-    image?: ImageInterface;
-}
-export declare const ImageSection: FC<ImageSectionProps>;
-export {};

package/dist/StepItemSet/sections/ImageSection.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
-import { bs_image } from "../StepItemSet.css.js";
-const ImageSection = ({ image }) => {
-  if (!image) return null;
-  return /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) });
-};
-export {
-  ImageSection
-};

package/dist/StepItemSet/sections/StepsList.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { QuaternaryTypes } from '../../utils/variant.types';
-import { StepItemProps } from '../../StepItem';
-
-interface StepsListProps {
-    stepItems?: StepItemProps[];
-    variant: QuaternaryTypes;
-}
-export declare const StepsList: FC<StepsListProps>;
-export {};

package/dist/StepItemSet/sections/StepsList.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { StepItem } from "../../StepItem/StepItem.js";
-import "../../StepItem/StepItem.css.js";
-import { steps_wrapper, ol } from "../StepItemSet.css.js";
-const StepsList = ({ stepItems, variant }) => {
-  if (!stepItems || stepItems.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems.map((step, index) => /* @__PURE__ */ jsx(
-    StepItem,
-    {
-      id: `id_${step.id}`,
-      counter: index + 1,
-      title: step?.title,
-      description: step?.description,
-      variant
-    },
-    step?.id
-  )) }) });
-};
-export {
-  StepsList
-};