@app-studio/web 0.8.80 → 0.8.82

package/dist/components/Button/Button/Button.props.d.ts

@@ -22,8 +22,7 @@ export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
     ariaLabel?: string;
     variant?: Variant;
     effect?: Effects;
-    containerProps?: ViewProps;
-    linkProps?: ViewProps;
+    colorScheme?: string;
     views?: {
         container?: ViewProps;
         icon?: ViewProps;

package/dist/components/Gradient/Gradient/Gradient.style.d.ts

@@ -27,50 +27,51 @@ export declare const DefaultColorStops: Record<GradientType, ColorStop[]>;
  */
 export declare const generateGradientString: (type: GradientType, colors: ColorStop[], direction?: string | undefined, shape?: "circle" | "ellipse" | undefined, position?: string | undefined) => string;
 /**
- * Animation keyframes for animated gradients
+ * Animation styles for animated gradients using app-studio's animation system
  */
 export declare const GradientAnimations: {
     linear: {
-        '@keyframes gradient-animation': {
-            '0%': {
+        backgroundSize: string;
+        transition: string;
+        animate: {
+            from: {
                 backgroundPosition: string;
             };
             '50%': {
                 backgroundPosition: string;
             };
-            '100%': {
+            to: {
                 backgroundPosition: string;
             };
         };
-        animation: string;
-        backgroundSize: string;
     };
     radial: {
-        '@keyframes gradient-animation': {
-            '0%': {
+        backgroundSize: string;
+        transition: string;
+        animate: {
+            from: {
                 backgroundPosition: string;
+                backgroundSize: string;
             };
             '50%': {
                 backgroundSize: string;
             };
-            '100%': {
+            to: {
                 backgroundPosition: string;
                 backgroundSize: string;
             };
         };
-        animation: string;
-        backgroundSize: string;
     };
     conic: {
-        '@keyframes gradient-animation': {
-            '0%': {
+        transition: string;
+        animate: {
+            from: {
                 transform: string;
             };
-            '100%': {
+            to: {
                 transform: string;
             };
         };
-        animation: string;
     };
 };
 /**

package/dist/components/OTPInput/OTPInput/OTPInput.props.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../utils/elevation';
 import { Shape, Size, Variant } from '../../Input/Input.type';
@@ -67,6 +68,8 @@ export interface OTPInputProps extends Omit<InputProps, 'size'> {
      * Callback when an input field loses focus
      */
     onBlur?: (value: any) => void;
+    onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     /**
      * Callback when an input field is clicked
      */

package/dist/components/OTPInput/OTPInput/OTPInput.state.d.ts

@@ -1,6 +1,6 @@
 import { ClipboardEvent, KeyboardEvent, ChangeEvent } from 'react';
 import { OTPInputProps } from './OTPInput.props';
-export declare const useOTPInputState: ({ value: controlledValue, defaultValue, length, onChange, onChangeText, onComplete, pattern, stepValues, pasteTransformer, }: OTPInputProps) => {
+export declare const useOTPInputState: ({ value: controlledValue, defaultValue, length, onChange, onChangeText, onComplete, onKeyDown, onKeyPress, onBlur, onFocus, isReadOnly, isDisabled, pattern, stepValues, pasteTransformer, }: OTPInputProps) => {
     value: string;
     setValue: (newValue: string) => void;
     isFocused: boolean;
@@ -18,5 +18,6 @@ export declare const useOTPInputState: ({ value: controlledValue, defaultValue,
     handleFocus: () => void;
     handleBlur: () => void;
     handleKeyDown: (_: KeyboardEvent<HTMLInputElement>) => void;
+    handleKeyPress: (e: KeyboardEvent<HTMLInputElement>) => void;
     handlePaste: (e: ClipboardEvent<HTMLInputElement>) => void;
 };

package/dist/components/OTPInput/OTPInput/OTPInput.view.d.ts

@@ -24,5 +24,6 @@ declare const OTPInputView: React.FC<OTPInputViewProps & {
     handleBlur: () => void;
     handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     stepValues?: number[];
+    handleKeyPress: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }>;
 export default OTPInputView;

package/dist/components/Sidebar/Sidebar/Sidebar.view.d.ts

@@ -17,5 +17,5 @@ interface SideBarNavItemProps {
     ariaLabel?: string;
     badge?: number;
 }
-export declare const SideBarNavItem: ({ icon, label, isActive, badge, views, ...props }: SideBarNavItemProps & any) => React.JSX.Element;
+export declare const SideBarNavItem: ({ icon, label, isActive, badge, views, ariaLabel, ...props }: SideBarNavItemProps & any) => React.JSX.Element;
 export {};