@opexa/portal-components 0.0.50 → 0.0.52

package/dist/components/SignUp/SignUpTrigger.js

@@ -7,8 +7,8 @@ export function SignUpTrigger(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signUp: ctx.signUp,
     })));
-    return (_jsx(ark.button, { type: "button", ...props, onClick: (e) => {
+    return (_jsx(ark.button, { type: "button", "aria-label": "Sign up", "data-state": globalStore.signUp.open ? 'open' : 'closed', ...props, onClick: (e) => {
             globalStore.signUp.setOpen(!globalStore.signUp.open);
             return props.onClick?.(e);
-        }, "data-state": globalStore.signUp.open ? 'open' : 'closed' }));
+        } }));
 }

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export * from './Promo';
 export * from './Promos';
 export * from './Protected';
 export * from './Quests';
+export * from './Search';
 export * from './SignIn';
 export * from './SignUp';
 export * from './TopWins';

package/dist/components/index.js

@@ -23,6 +23,7 @@ export * from './Promo/index.js';
 export * from './Promos/index.js';
 export * from './Protected/index.js';
 export * from './Quests/index.js';
+export * from './Search/index.js';
 export * from './SignIn/index.js';
 export * from './SignUp/index.js';
 export * from './TopWins/index.js';

package/dist/styles/theme.css

@@ -360,6 +360,8 @@
     cubic-bezier(0.3, 0, 0.8, 0.15);
   --animate-slide-in-down: slide-in-down 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
   --animate-slide-out-down: slide-out-down 250ms cubic-bezier(0.3, 0, 0.8, 0.15);
+  --animate-scale-in: scale-in 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --animate-scale-out: scale-out 250ms cubic-bezier(0.3, 0, 0.8, 0.15);
   --animate-marquee: marquee 10s linear infinite forwards;
 
   @keyframes fade-in {
@@ -624,6 +626,28 @@
     }
   }
 
+  @keyframes scale-in {
+    from {
+      transform: scale(0.85);
+      opacity: 0;
+    }
+    to {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+
+  @keyframes scale-out {
+    from {
+      transform: scale(1);
+      opacity: 1;
+    }
+    to {
+      transform: scale(0.85);
+      opacity: 0;
+    }
+  }
+
   @keyframes marquee {
     to {
       transform: translateX(-100%);