@descope/flow-components 2.3.3 → 3.0.0

package/dist/index.esm.js

@@ -146,12 +146,12 @@ var icons = /*#__PURE__*/Object.freeze({
     whatsapp: whatsapp
 });
 
-const Icon = ({ icon, noColor, ...props }) => {
+function Icon({ icon, noColor, ...props }) {
     if (icons[icon]) {
         return (React.createElement("descope-icon", { src: icons[icon], ...(noColor && { 'st-fill': 'currentColor' }), ...props }));
     }
     return React.createElement("descope-icon", { "fill-color": noColor, src: icon, ...props });
-};
+}
 
 const Tooltip = React.forwardRef(({ text, hideDelay = 0, hoverDelay = 0, children, readonly, staticDisplay, ...props }, ref) => (React.createElement("descope-tooltip", { text: text, "hide-delay": hideDelay, "hover-delay": hoverDelay, readonly: readonly, "static-display": staticDisplay, ref: ref, ...props }, children)));
 
@@ -226,7 +226,6 @@ const Container$1 = React.forwardRef(({ background, justify, paddingX, paddingY,
                 spaceBetween
             }))
     };
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return React.createElement("descope-container", { ...mergedProps, ref: ref });
 });
 
@@ -377,14 +376,13 @@ const NOTPLink = React.forwardRef(({ ...props }, ref) => {
     return React.createElement(Link, { ref: ref, ...readyProps });
 });
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
-const UploadFile = React.forwardRef(({ icon, ...props }, ref) => React.createElement("descope-upload-file", { ref: ref, ...props }, icon && React.createElement(Icon, { slot: "icon", icon: icon, "src-dark": icon })));
+const UploadFile = React.forwardRef(({ icon, ...props }, ref) => (React.createElement("descope-upload-file", { ref: ref, ...props }, icon && React.createElement(Icon, { slot: "icon", icon: icon, "src-dark": icon }))));
 
 const defaultText$2 = 'This site is protected by reCAPTCHA and the Google [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms) apply.';
 const Recaptcha = React.forwardRef(({ variant, textLabel = defaultText$2, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, readOnly, ...props }, ref) => (React.createElement("descope-recaptcha", { ref: ref, ...props, "full-width": fullWidth }, variant === 'text' ? (React.createElement("descope-enriched-text", { "full-width": fullWidth, readonly: readOnly, variant: textVariant, mode: textMode, "text-align": textAlign }, textLabel)) : null)));
 
 const defaultText$1 = 'This site is protected by reCAPTCHA and the Google [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms) apply.';
-const RecaptchaV2 = React.forwardRef(({ textLabel = defaultText$1, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, readOnly, connector, enterprise, action, variant = 'text', src, width, height, ...props }, ref) => {
+const RecaptchaV2 = React.forwardRef(({ textLabel = defaultText$1, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, readOnly, connector: _connector, enterprise: _enterprise, action: _action, variant = 'text', src, width, height, ...props }, ref) => {
     if (variant === 'image') {
         return (React.createElement("descope-image", { ref: ref, "full-width": fullWidth, "st-width": width, "st-height": height, src: src, ...props }));
     }
@@ -577,12 +575,11 @@ const Container = React.forwardRef(({ background, paddingX, paddingY, shadow, wi
             spaceBetween
         })
     };
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return React.createElement("descope-collapsible-container", { ...mergedProps, ref: ref });
 });
 
 const defaultText = 'This site is protected by turnstile and the Cloudflare [Privacy Policy](https://www.cloudflare.com/privacypolicy/) and [Terms of Service](https://www.cloudflare.com/terms/) apply.';
-const Turnstile = React.forwardRef(({ textLabel = defaultText, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, connector, ...props }, ref) => (React.createElement("descope-enriched-text", { ref: ref, "full-width": fullWidth, variant: textVariant, mode: textMode, "text-align": textAlign, ...props }, textLabel)));
+const Turnstile = React.forwardRef(({ textLabel = defaultText, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, connector: _connector, ...props }, ref) => (React.createElement("descope-enriched-text", { ref: ref, "full-width": fullWidth, variant: textVariant, mode: textMode, "text-align": textAlign, ...props }, textLabel)));
 
 const RecoveryCodesList = React.forwardRef(({ data, ...props }, ref) => (React.createElement("descope-recovery-codes", { data: data ? JSON.stringify(data) : undefined, ...props, ref: ref })));
 
@@ -599,10 +596,8 @@ const OutboundAppButton = React.forwardRef(({ children, label, iconSrc, iconFill
 const TrustedDevices = React.forwardRef(({ emptyState, data, ...props }, ref) => (React.createElement("descope-trusted-devices", { data: data ? JSON.stringify(data) : undefined, ...props, ref: ref },
     React.createElement("div", { slot: "empty-state" }, emptyState))));
 
-const Honeypot = React.forwardRef((props, ref) => {
-    return (React.createElement("descope-ponyhot", { ref: ref },
-        React.createElement("input", { ...props })));
-});
+const Honeypot = React.forwardRef((props, ref) => (React.createElement("descope-ponyhot", { ref: ref },
+    React.createElement("input", { ...props }))));
 
 const TenantSelector = React.forwardRef((props, ref) => (React.createElement(ComboBox, { "item-label-path": "data-name", "item-value-path": "data-id", ...props, ref: ref })));
 

package/dist/types/Avatar/Avatar.d.ts

@@ -12,5 +12,5 @@ declare global {
         }
     }
 }
-declare const Avatar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Avatar: React.ForwardRefExoticComponent<any>;
 export default Avatar;

package/dist/types/Badge/Badge.d.ts

@@ -12,5 +12,5 @@ declare global {
         }
     }
 }
-declare const Badge: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const Badge: React.ForwardRefExoticComponent<any>;
 export default Badge;

package/dist/types/CodeSnippet/CodeSnippet.d.ts

@@ -10,5 +10,5 @@ declare global {
         }
     }
 }
-declare const CodeSnippet: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const CodeSnippet: React.ForwardRefExoticComponent<any>;
 export default CodeSnippet;

package/dist/types/CollapsibleContainer/CollapsibleContainer.d.ts

@@ -1,36 +1,4 @@
 import React from 'react';
-import { FlexAlignment } from '../types';
-type Never<T extends Record<string, any>> = {
-    [K in keyof T]: never;
-};
-type SpaceBetween = '0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32';
-type Flex = {
-    spaceBetween?: SpaceBetween;
-};
-type ContainerAlignment = {
-    'horizontal-alignment'?: FlexAlignment | 'space-between';
-    'vertical-alignment'?: FlexAlignment;
-    'space-between'?: 'sm' | 'md' | 'lg';
-};
-type Props = {
-    shadow?: 'md' | 'lg' | 'xl' | '2xl';
-    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-    paddingX?: string;
-    paddingY?: string;
-    background?: string;
-    backgroundImageUrl?: string;
-    width?: string;
-    collapsible?: boolean;
-    'icon-position'?: 'right' | 'left';
-    'fill-title'?: boolean;
-    border?: boolean;
-    text?: string;
-    'icon-name'?: string;
-    collapsed?: boolean;
-    'text-align'?: 'left' | 'right' | 'center';
-    'text-variant'?: 'body1' | 'body2' | 'subtitle1' | 'h1' | 'h2' | 'h3' | 'subtitle2';
-    'text-mode'?: 'primary' | 'secondary' | 'error' | 'success';
-} & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
@@ -38,5 +6,5 @@ declare global {
         }
     }
 }
-declare const Container: React.ForwardRefExoticComponent<(Props & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React.ForwardRefExoticComponent<any>;
 export default Container;

package/dist/types/Container/Container.d.ts

@@ -1,30 +1,4 @@
 import React from 'react';
-import { FlexAlignment } from '../types';
-type Never<T extends Record<string, any>> = {
-    [K in keyof T]: never;
-};
-type SpaceBetween = '0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32';
-type Flex = {
-    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    spaceBetween?: SpaceBetween;
-};
-type ContainerAlignment = {
-    'horizontal-alignment'?: FlexAlignment | 'space-between';
-    'vertical-alignment'?: FlexAlignment;
-    'space-between'?: 'sm' | 'md' | 'lg';
-};
-type Props = {
-    direction?: 'row' | 'column';
-    shadow?: 'md' | 'lg' | 'xl' | '2xl';
-    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-    paddingX?: string;
-    paddingY?: string;
-    background?: string;
-    backgroundImageUrl?: string;
-    width?: string;
-    variant?: string;
-} & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
@@ -32,5 +6,5 @@ declare global {
         }
     }
 }
-declare const Container: React.ForwardRefExoticComponent<(Props & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React.ForwardRefExoticComponent<any>;
 export default Container;

package/dist/types/CssVarImage/CssVarImage.d.ts

@@ -1,9 +1,3 @@
 import React from 'react';
-type Props = {
-    varName: string;
-    fallback?: string;
-    width?: number;
-    height?: number;
-};
-declare const CssVarImage: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLImageElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CssVarImage: React.ForwardRefExoticComponent<any>;
 export default CssVarImage;

package/dist/types/Divider/Divider.d.ts

@@ -14,5 +14,5 @@ declare global {
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Divider;

package/dist/types/Hcaptcha/Hcaptcha.d.ts

@@ -10,5 +10,5 @@ type Props = {
     connector?: string;
     enabled?: boolean;
 };
-declare const Hcaptcha: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Hcaptcha: React.ForwardRefExoticComponent<any>;
 export default Hcaptcha;

package/dist/types/HybridField/HybridField.d.ts

@@ -25,22 +25,5 @@ declare global {
         }
     }
 }
-declare const HybridField: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    variant?: "countrySelection" | "inputBox";
-    'default-code'?: string;
-    'phone-input-label'?: string;
-    'phone-input-placeholder'?: string;
-    'restrict-countries'?: string;
-    'full-width'?: boolean;
-    bordered?: boolean;
-    label?: string;
-    placeholder?: string;
-    size?: ComponentSize;
-    'helper-text'?: string;
-    'data-errormessage-pattern-mismatch-email'?: string;
-    'data-errormessage-value-missing-email'?: string;
-    'data-errormessage-value-missing-phone'?: string;
-    'label-type'?: LabelType;
-    'external-input'?: boolean;
-} & import("../types").HTMLInputAttrs & import("../types").DescopeInputExtraProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const HybridField: React.ForwardRefExoticComponent<any>;
 export default HybridField;

package/dist/types/Icon/Icon.d.ts

@@ -8,8 +8,8 @@ declare global {
         }
     }
 }
-declare const Icon: ({ icon, noColor, ...props }: React.JSX.IntrinsicElements["img"] & {
+declare function Icon({ icon, noColor, ...props }: React.JSX.IntrinsicElements['img'] & {
     icon?: string;
     noColor?: boolean;
-}) => React.JSX.Element;
+}): React.JSX.Element;
 export default Icon;

package/dist/types/Image/Image.d.ts

@@ -14,11 +14,5 @@ declare global {
         }
     }
 }
-declare const Image: React.ForwardRefExoticComponent<{
-    width?: string;
-    height?: string;
-    alt?: string;
-    src: string;
-    'src-dark'?: string;
-} & ITooltip & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const Image: React.ForwardRefExoticComponent<any>;
 export default Image;

package/dist/types/Recaptcha/Recaptcha.d.ts

@@ -23,5 +23,5 @@ declare global {
         }
     }
 }
-declare const Recaptcha: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Recaptcha: React.ForwardRefExoticComponent<any>;
 export default Recaptcha;

package/dist/types/RecaptchaV2/RecaptchaV2.d.ts

@@ -1,19 +1,3 @@
 import React from 'react';
-import { CaptchaVariants, Mode, TextAlign, TypographyVariants } from '../types';
-type Props = {
-    connector?: string;
-    enterprise?: boolean;
-    action?: string;
-    textLabel?: string;
-    textVariant?: TypographyVariants;
-    textMode?: Mode;
-    textAlign?: TextAlign;
-    'full-width'?: boolean;
-    readOnly?: boolean;
-    variant?: CaptchaVariants;
-    src?: string;
-    width?: string;
-    height?: string;
-};
-declare const RecaptchaV2: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const RecaptchaV2: React.ForwardRefExoticComponent<any>;
 export default RecaptchaV2;

package/dist/types/Tooltip/Tooltip.d.ts

@@ -11,7 +11,7 @@ type Props = {
     children?: React.ReactNode;
 };
 declare module 'react' {
-    interface HTMLAttributes<T> {
+    interface HTMLAttributes<_T> {
         slot?: string;
     }
 }
@@ -22,7 +22,7 @@ declare global {
         }
     }
 }
-declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & Props & React.RefAttributes<HTMLElement>>;
+declare const Tooltip: React.ForwardRefExoticComponent<any>;
 export default Tooltip;
 export interface ITooltip {
     hasTooltip?: boolean;

package/dist/types/Turnstile/Turnstile.d.ts

@@ -1,14 +1,3 @@
 import React from 'react';
-import { Mode, TextAlign, TypographyVariants } from '../types';
-type Props = {
-    connector?: string;
-    action?: string;
-    textLabel?: string;
-    textVariant?: TypographyVariants;
-    textMode?: Mode;
-    textAlign?: TextAlign;
-    readonly?: boolean;
-    'full-width'?: boolean;
-};
-declare const Turnstile: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Turnstile: React.ForwardRefExoticComponent<any>;
 export default Turnstile;

package/dist/types/UploadFile/UploadFile.d.ts

@@ -23,5 +23,5 @@ declare global {
         }
     }
 }
-declare const UploadFile: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const UploadFile: React.ForwardRefExoticComponent<any>;
 export default UploadFile;

package/dist/types/UserAttribute/UserAttribute.d.ts

@@ -19,5 +19,5 @@ declare global {
         }
     }
 }
-declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const UserAttribute: React.ForwardRefExoticComponent<any>;
 export default UserAttribute;

package/dist/types/UserAuthMethod/UserAuthMethod.d.ts

@@ -9,16 +9,5 @@ declare global {
         }
     }
 }
-declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    label?: string;
-    'button-label'?: string;
-    fulfilled?: boolean;
-    'full-width'?: boolean;
-    methodIcon?: string;
-    methodIconDark?: string;
-    buttonIcon?: string;
-    buttonIconDark?: string;
-    fulfilledButtonIcon?: string;
-    fulfilledButtonIconDark?: string;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const UserAuthMethod: React.ForwardRefExoticComponent<any>;
 export default UserAuthMethod;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "2.3.3",
+  "version": "3.0.0",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -53,7 +53,7 @@
     "@typescript-eslint/parser": "^8.0.0",
     "autoprefixer": "^10.4.8",
     "babel-jest": "30.2.0",
-    "eslint": "8.57.1",
+    "eslint": "10.0.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
     "eslint-config-prettier": "10.1.8",
@@ -96,7 +96,7 @@
     "webpack-dev-server": "5.2.3"
   },
   "dependencies": {
-    "@descope/web-components-ui": "2.3.3"
+    "@descope/web-components-ui": "3.0.0"
   },
   "peerDependencies": {
     "react": ">= 18"
@@ -139,7 +139,7 @@
     "dev": "nx dev flow-components",
     "dev-server": "FEDERATION_IP=127.0.0.1 NODE_ENV=development webpack serve --mode development --port 4444",
     "test": "exit 0",
-    "lint": "eslint src/**/*.* --fix",
+    "lint": "eslint --no-warn-ignored --fix 'src/**/*.{ts,tsx,js,jsx}'",
     "format": "prettier . -w --ignore-path .gitignore",
     "format-lint": "pretty-quick --staged --ignore-path .gitignore && lint-staged"
   }