@descope/flow-components 2.0.210 → 2.0.212

package/dist/index.cjs.js

@@ -250,6 +250,16 @@ const TOTPLink = React__default.default.forwardRef(({ ...props }, ref) => {
     return React__default.default.createElement(Link, { ref: ref, ...readyProps });
 });
 
+const NOTPImage = React__default.default.forwardRef(({ width, height, ...props }, ref) => (React__default.default.createElement("descope-notp-image", { "st-width": width, "st-height": height, ref: ref, ...props })));
+
+// The reason we define NOTPLink as a component, and not injecting the style from another place,
+// is to restrict the dependency between the code that injects this variable style (web-component) to this place only
+// Note: be careful when changing variables here, this can affect other packages implicitly
+const NOTPLink = React__default.default.forwardRef(({ ...props }, ref) => {
+    const readyProps = { ...props, 'data-type': 'notp-link' };
+    return React__default.default.createElement(Link, { ref: ref, ...readyProps });
+});
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 const UploadFile = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-upload-file", { ref: ref, ...props }));
 
@@ -359,6 +369,8 @@ exports.Loader = Loader;
 exports.Logo = Logo;
 exports.Modal = Modal;
 exports.MultiSelect = MultiSelect;
+exports.NOTPImage = NOTPImage;
+exports.NOTPLink = NOTPLink;
 exports.NewPassword = NewPassword;
 exports.NumberField = NumberField;
 exports.Password = Password;

package/dist/index.d.ts

@@ -49,8 +49,8 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
 type BooleanType = {
     type: 'switch' | 'checkbox';
 };
-type Props$n = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
-declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$n, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type Props$p = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
+declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$p, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace JSX {
@@ -72,17 +72,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     'full-width'?: boolean;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type Props$m = {
+type Props$o = {
     digits?: number;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-passcode': DescopeInputProps & Props$m;
+            'descope-passcode': DescopeInputProps & Props$o;
         }
     }
 }
-declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$m, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$o, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Never<T extends Record<string, any>> = {
     [K in keyof T]: never;
@@ -98,7 +98,7 @@ type ContainerAlignment = {
     'vertical-alignment'?: FlexAlignment;
     'space-between'?: 'sm' | 'md' | 'lg';
 };
-type Props$l = {
+type Props$n = {
     direction?: 'row' | 'column';
     shadow?: 'md' | 'lg' | 'xl' | '2xl';
     'border-radius'?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
@@ -114,9 +114,9 @@ declare global {
         }
     }
 }
-declare const Container: React.ForwardRefExoticComponent<(Props$l & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React.ForwardRefExoticComponent<(Props$n & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
 
-type Props$k = {
+type Props$m = {
     vertical?: boolean;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -126,11 +126,11 @@ type Props$k = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$k, 'children'>;
+            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$m, 'children'>;
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$k, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$m, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const _default$b: ({ noColor }: {
     noColor: any;
@@ -180,7 +180,7 @@ declare const _default: ({ noColor }: {
     noColor: any;
 }) => React.JSX.Element;
 
-type Props$j = {
+type Props$l = {
     width?: string;
     height?: string;
     alt?: string;
@@ -189,15 +189,15 @@ type Props$j = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$j;
+            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$l;
         }
     }
 }
-declare const Image: React.ForwardRefExoticComponent<Props$j & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const Image: React.ForwardRefExoticComponent<Props$l & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 
 declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$i = {
+type Props$k = {
     href?: string | undefined;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -209,18 +209,18 @@ type Props$i = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$i, 'children'>;
+            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$k, 'children'>;
         }
     }
 }
-declare const Link: React.ForwardRefExoticComponent<Props$i & React.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React.ForwardRefExoticComponent<Props$k & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$h = {
+type Props$j = {
     variant?: 'linear' | 'radial';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     color?: Mode;
 };
-type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$h>;
+type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$j>;
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -229,22 +229,22 @@ declare global {
         }
     }
 }
-declare const Loader: React.ForwardRefExoticComponent<Props$h & React.RefAttributes<HTMLDivElement>>;
+declare const Loader: React.ForwardRefExoticComponent<Props$j & React.RefAttributes<HTMLDivElement>>;
 
-type Props$g = {
+type Props$i = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$g>;
+            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$i>;
         }
     }
 }
-declare const Logo: React.ForwardRefExoticComponent<Props$g & React.RefAttributes<HTMLDivElement>>;
+declare const Logo: React.ForwardRefExoticComponent<Props$i & React.RefAttributes<HTMLDivElement>>;
 
-type Props$f = {
+type Props$h = {
     'password-label'?: string;
     'password-placeholder'?: string;
     'confirm-label'?: string;
@@ -254,11 +254,11 @@ type Props$f = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-new-password': DescopeInputProps & Props$f;
+            'descope-new-password': DescopeInputProps & Props$h;
         }
     }
 }
-declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$f, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$h, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace JSX {
@@ -278,16 +278,16 @@ declare global {
 }
 declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$e = {
+type Props$g = {
     variant: 'countrySelection' | 'inputBox';
     'default-code'?: string;
     'phone-input-placeholder'?: string;
     'country-input-placeholder'?: string;
     'restrict-countries'?: string;
 } & DescopeInputProps;
-declare const Phone: React.ForwardRefExoticComponent<Omit<Props$e, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<Omit<Props$g, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$d = {
+type Props$f = {
     children?: JSX.Element[];
 };
 declare global {
@@ -297,9 +297,9 @@ declare global {
         }
     }
 }
-declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$d, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$f, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$c = {
+type Props$e = {
     italic?: boolean;
     variant?: string;
     mode?: string;
@@ -309,11 +309,11 @@ type Props$c = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$c;
+            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$e;
         }
     }
 }
-declare const Text: React.ForwardRefExoticComponent<Omit<Props$c & {
+declare const Text: React.ForwardRefExoticComponent<Omit<Props$e & {
     typography?: TypographyVariants;
 } & Omit<React.HTMLProps<HTMLSpanElement>, "mode">, "ref"> & React.RefAttributes<HTMLElement>>;
 
@@ -335,6 +335,22 @@ declare global {
 }
 declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
+type Props$d = {
+    width?: string;
+    height?: string;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$d>;
+        }
+    }
+}
+declare const TOTPImage: React.ForwardRefExoticComponent<Props$d & React.RefAttributes<HTMLDivElement>>;
+
+type Props$c = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$c, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+
 type Props$b = {
     width?: string;
     height?: string;
@@ -342,14 +358,14 @@ type Props$b = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$b>;
+            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$b>;
         }
     }
 }
-declare const TOTPImage: React.ForwardRefExoticComponent<Props$b & React.RefAttributes<HTMLDivElement>>;
+declare const NOTPImage: React.ForwardRefExoticComponent<Props$b & React.RefAttributes<HTMLDivElement>>;
 
 type Props$a = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$a, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$a, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
 type Props$9 = {
     title?: string;
@@ -580,4 +596,4 @@ type Props = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'defau
 };
 declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, Modal, MultiSelect, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, _default$b as apple, _default$2 as discord, _default$a as facebook, _default$8 as fingerprint, _default$6 as github, _default$5 as gitlab, _default$4 as google, _default$1 as linkedin, _default$3 as microsoft, _default$7 as passkey, _default$9 as slack, _default as sso };
+export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, _default$b as apple, _default$2 as discord, _default$a as facebook, _default$8 as fingerprint, _default$6 as github, _default$5 as gitlab, _default$4 as google, _default$1 as linkedin, _default$3 as microsoft, _default$7 as passkey, _default$9 as slack, _default as sso };

package/dist/index.esm.js

@@ -244,6 +244,16 @@ const TOTPLink = React.forwardRef(({ ...props }, ref) => {
     return React.createElement(Link, { ref: ref, ...readyProps });
 });
 
+const NOTPImage = React.forwardRef(({ width, height, ...props }, ref) => (React.createElement("descope-notp-image", { "st-width": width, "st-height": height, ref: ref, ...props })));
+
+// The reason we define NOTPLink as a component, and not injecting the style from another place,
+// is to restrict the dependency between the code that injects this variable style (web-component) to this place only
+// Note: be careful when changing variables here, this can affect other packages implicitly
+const NOTPLink = React.forwardRef(({ ...props }, ref) => {
+    const readyProps = { ...props, 'data-type': 'notp-link' };
+    return React.createElement(Link, { ref: ref, ...readyProps });
+});
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 const UploadFile = React.forwardRef((props, ref) => React.createElement("descope-upload-file", { ref: ref, ...props }));
 
@@ -334,4 +344,4 @@ const MultiSelect = React.forwardRef(({ variant, data, ...props }, ref) => {
     return (React.createElement(MultiSelectComboBox, { ...props, "allow-custom-value": "false", ref: ref }, data?.map(({ label, value }) => (React.createElement("span", { "data-name": label, "data-id": value, key: value }, label)))));
 });
 
-export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, Modal, MultiSelect, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, slack, sso };
+export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, slack, sso };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.210",
+	"version": "2.0.212",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -100,7 +100,7 @@
 		"rollup-plugin-dts": "^6.0.0"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.0.259"
+		"@descope/web-components-ui": "1.0.261"
 	},
 	"peerDependencies": {
 		"react": ">=17"