@axos-web-dev/shared-components 0.0.116 → 0.0.118

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+/* empty css                                */
 var grid_wrapper = "_2i5u4u0";
 var grid_2 = "_2i5u4u1";
 var grid_3 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                              */
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                        */
 import { grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,
@@ -11,37 +11,29 @@ const VideoWrapper = ({
   backgroundColor,
   id
 }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: `id_${id}`,
-      style: backgroundColor ? { backgroundColor } : {},
-      children: /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
-        /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
-        /* @__PURE__ */ jsx(
-          "div",
+  return /* @__PURE__ */ jsx("div", { id, style: backgroundColor ? { backgroundColor } : {}, children: /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+    /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${grid_wrapper} ${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`,
+        children: videoTiles?.map((videoItem, index) => /* @__PURE__ */ jsx(
+          VideoTile,
           {
-            className: `${grid_wrapper} ${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`,
-            children: videoTiles?.map((videoItem, index) => /* @__PURE__ */ jsx(
-              VideoTile,
-              {
-                id: videoItem.id,
-                title: videoItem?.title,
-                videoId: videoItem?.videoId,
-                thumbnailImage: videoItem?.thumbnailImage,
-                displayType: videoItem?.displayType,
-                maxWidth: videoItem?.maxWidth || "588px",
-                videoPlayer: videoItem.displayType,
-                transcript: videoItem?.transcript
-              },
-              index
-            ))
-          }
-        )
-      ] }) })
-    },
-    id
-  );
+            id: videoItem.id,
+            title: videoItem?.title,
+            videoId: videoItem?.videoId,
+            thumbnailImage: videoItem?.thumbnailImage,
+            displayType: videoItem?.displayType,
+            maxWidth: videoItem?.maxWidth || "588px",
+            videoPlayer: videoItem.displayType,
+            transcript: videoItem?.transcript
+          },
+          index
+        ))
+      }
+    )
+  ] }) }) }, id);
 };
 export {
   VideoWrapper

package/dist/assets/PageNavSet/PageNavigationSet.css

@@ -0,0 +1,76 @@
+._1qd6ohx1 {
+  background-color: #fff;
+  padding: 1.5rem 0;
+}
+._1qd6ohx0 .slick-track {
+  display: flex;
+  justify-content: center;
+}
+.slick-slide + .slick-slide {
+  margin-left: 8px;
+}
+main > .section_spacer:has(.sticky_nav) {
+  margin-top: 0;
+  position: sticky;
+  top: 0;
+  z-index: 999;
+}
+.slick-slider {
+  height: 56px;
+}
+.slick-list:focus {
+  outline: 0;
+}
+.slick-list.dragging {
+  cursor: pointer;
+}
+.slick-track {
+  display: flex !important;
+  justify-content: center !important;
+  width: auto !important;
+}
+._1qd6ohx2 {
+  position: fixed;
+  top: 10px;
+  z-index: 999;
+  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
+  margin: -10px 0;
+  width: 100%;
+}
+@media Screen and (max-width: 1023px) {
+  ._1qd6ohx1 containment {
+    width: 100% !important;
+    max-width: 100%;
+  }
+  ._1qd6ohx1::before, ._1qd6ohx1::after {
+    content: "";
+    position: absolute;
+    background-image: linear-gradient(270deg,#fff 10.8%,rgba(255, 255, 255, 0) 100%);
+    bottom: 0;
+    pointer-events: none;
+    z-index: 1;
+    height: 100%;
+    width: 13%;
+  }
+  ._1qd6ohx1::before {
+    left: 0;
+    -webkit-transform: rotate(-180deg);
+    -ms-transform: rotate(-180deg);
+    transform: rotate(-180deg);
+    right: 0;
+  }
+}
+@media screen and (min-width:1024px) {
+  .slick-track {
+    transform: none !important;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._1qd6ohx2 {
+    position: fixed;
+    top: 10px;
+    z-index: 999;
+    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
+    margin: -10px 0;
+  }
+}

package/dist/assets/Table/Table.css

@@ -226,16 +226,16 @@ tr:last-child td {
   min-width: unset;
   width: 100%;
 }
-._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
+ tr:has(> :last-child:nth-child(-n + 3)) td {
   width: 33%;
 }
-._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th {
+tr:has(> :last-child:nth-child(-n + 3)) th {
   width: 33%;
 }
-._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
+ tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
   position: relative;
 }
-._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
+ tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
   position: relative;
 }
 ._1nivbwe12 tr td:first-child p {
@@ -297,21 +297,21 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
     overflow: auto;
     width: auto;
   }
-  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
+   tr:has(> :last-child:nth-child(-n + 3)) td {
     font-size: 14px;
     min-width: unset;
     width: 30%;
   }
-  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th {
+  tr:has(> :last-child:nth-child(-n + 3)) th {
     min-width: unset;
     width: 30%;
   }
-  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
+   tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
     box-shadow: none;
     z-index: 0;
     width: 40%;
   }
-  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
+   tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
     box-shadow: none;
     z-index: 0;
     width: 40%;

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-/* empty css                                             */
-/* empty css                               */
+/* empty css                                         */
+/* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                     */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                     */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkColor = createRuntimeFn({ defaultClassName: "_1xajnqu0", variantClassNames: { variant: { primary: "_1xajnqu1", secondary: "_1xajnqu2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                           */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                */
 var DownloadColor = "_1r03g400";
 export {
   DownloadColor

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                       */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                              */
 var FollowColor = "_1wjdwci0";
 export {
   FollowColor

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-/* empty css                                           */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-/* empty css                               */
-/* empty css                                             */
-/* empty css                             */
+/* empty css                           */
+/* empty css                                         */
+/* empty css                         */

package/dist/main.js

@@ -126,7 +126,6 @@ import { default as default29 } from "./NavigationMenu/AxosClearing/index.js";
 import { default as default30 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { pn_btn, pn_link } from "./PageNavItem/PageNavItem.css.js";
 import { PageNavItem } from "./PageNavItem/PageNavItem.js";
-import { containment, nav_wrapper, sticky_nav } from "./PageNavSet/PageNavSet.module.js";
 import { PageNavSet } from "./PageNavSet/PageNavSet.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
@@ -360,7 +359,6 @@ export {
   contacts,
   container,
   containerIconBillboard,
-  containment,
   content,
   copy,
   description,
@@ -464,7 +462,6 @@ export {
   media,
   mh_330,
   modifier,
-  nav_wrapper,
   nested_grid,
   ol,
   one_row,
@@ -516,7 +513,6 @@ export {
   smb_wrapper,
   step_num,
   steps_wrapper,
-  sticky_nav,
   sub_bullets,
   succes_check_mark,
   success_circle,

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-/* empty css                                    */
+/* empty css                        */
 var axosTheme = "_1073cm80";
 var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,5 +1,5 @@
-/* empty css                                    */
-/* empty css                                       */
+/* empty css                        */
+/* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {
   premierTheme

package/package.json

@@ -1,120 +1,121 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.116",
-  "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 install",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^3.9.0",
-    "@react-input/mask": "^1.2.5",
-    "@react-input/number-format": "^1.0.27",
-    "@storybook/icons": "^1.2.9",
-    "@storybook/preview-api": "^8.2.9",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.15.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "clsx": "^2.1.1",
-    "iframe-resizer": "4.3.11",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "react-date-picker": "^11.0.0",
-    "react-hook-form": "^7.52.1",
-    "react-markdown": "^9.0.1",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.5.1",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.8",
-    "zustand": "^4.5.4"
-  },
-  "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-dom": "^18.2.0",
-    "react-slick": "^0.30.2"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.8.0",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/addon-themes": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.7",
-    "@types/node": "^20.14.11",
-    "@types/react": "^18.3.3",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.2",
-    "@vanilla-extract/vite-plugin": "^4.0.9",
-    "@vitejs/plugin-react-swc": "^3.6.0",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.0.11",
-    "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.2.9",
-    "typescript": "^5.4.5",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.3.4",
-    "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": "0.0.118",
+  "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 install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.0",
+    "@react-input/mask": "^1.2.5",
+    "@react-input/number-format": "^1.0.27",
+    "@storybook/icons": "^1.2.9",
+    "@storybook/preview-api": "^8.2.9",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.15.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "clsx": "^2.1.1",
+    "iframe-resizer": "4.3.11",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
+    "react-hook-form": "^7.52.1",
+    "react-markdown": "^9.0.1",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.5.1",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "zod": "^3.23.8",
+    "zustand": "^4.5.4"
+  },
+  "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-dom": "^18.2.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.8.0",
+    "@rollup/plugin-alias": "^5.1.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.7",
+    "@types/node": "^20.14.11",
+    "@types/react": "^18.3.3",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.2",
+    "@vanilla-extract/vite-plugin": "^4.0.9",
+    "@vitejs/plugin-react-swc": "^3.6.0",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.0.11",
+    "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.2.9",
+    "typescript": "^5.4.5",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.3.4",
+    "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/PageNavSet/PageNavSet.module.js

@@ -1,14 +0,0 @@
-const sticky_nav = "_sticky_nav_g0p9u_1";
-const containment = "_containment_g0p9u_11";
-const nav_wrapper = "_nav_wrapper_g0p9u_15";
-const css = {
-  sticky_nav,
-  containment,
-  nav_wrapper
-};
-export {
-  containment,
-  css as default,
-  nav_wrapper,
-  sticky_nav
-};