@axos-web-dev/shared-components 1.0.60 → 1.0.61

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

@@ -1,49 +1,49 @@
-@keyframes _shimmer_13j22_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_13j22_10 {
-  background: #1e3860;
-  border-radius: 8px;
-  height: 555px;
-  isolation: isolate;
-  margin-block: 48px;
-}
-
-section > ._wrapper_13j22_10:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_13j22_10::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_13j22_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-._wrapper_control_13j22_39 {
-  height: 100%;
-  width: 100%;
-  overflow-x: scroll;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_13j22_10 {
-    display: none;
-  }
-}
+@keyframes _shimmer_1jpv7_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_1jpv7_19 {
+  background: #1e3860;
+  border-radius: 8px;
+  height: 555px;
+  isolation: isolate;
+  margin-block: 48px;
+}
+
+section > ._wrapper_1jpv7_19:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_1jpv7_19::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_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_1jpv7_19 {
+    display: none;
+  }
+}

package/dist/assets/globals.css

@@ -234,9 +234,6 @@ p:empty, ul:empty {
 .margin_block {
   margin: 1rem 0;
 }
-#id-9g4WRueqSVH5Yt3z7Cry2 {
-  width: 1200px !important;
-}
 @media screen and (max-width: 1023px) {
   .containment {
     width: min(45rem, calc(100% - 4rem));

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/globals.css.js

@@ -1,2 +1,2 @@
-/* empty css                                         */
+import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
 /* empty css                           */

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})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         tertiary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
     };
 }>;

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

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

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})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
     };
 }>;

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

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

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

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                */

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

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                              */

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

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../../assets/icons/Star/Star.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                                         */
+import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
 /* empty css                           */
 /* empty css                         */

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})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            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})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            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})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            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})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            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})` | `var(--${string}, ${number})`;
+    error: `var(--${string})`;
     disabled: {
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})`;
+        color: `var(--${string})`;
+        background: `var(--${string})`;
     };
     icons: {
         check: {
-            primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
         };
     };
     table: {
-        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        highlight: `var(--${string})`;
+        color: `var(--${string})`;
     };
     footer: {
         link: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     selecction: {
         icon: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 };

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/axos.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)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

package/dist/themes/victorie.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                            */
 var victorieTheme = "fl2fv50";
 export {

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

@@ -1,6 +1,6 @@
-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,