@descope/flow-components 2.0.412 → 2.0.413

package/dist/dts/Text/index.d.ts

@@ -0,0 +1 @@
+export { default as Text } from './Text';

package/dist/dts/TextField/TextField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DescopeInputProps } from '../types';
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-text-field': DescopeInputProps;
+        }
+    }
+}
+declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default TextField;

package/dist/dts/TextField/index.d.ts

@@ -0,0 +1 @@
+export { default as TextField } from './TextField';

package/dist/dts/Textarea/Textarea.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DescopeInputProps } from '../types';
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-text-area': DescopeInputProps;
+        }
+    }
+}
+declare const Textarea: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Textarea;

package/dist/dts/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { default as Textarea } from './Textarea';

package/dist/dts/ThirdPartyAppLogo/ThirdPartyAppLogo.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PropsToAttrs } from '../types';
+type Props = {
+    size: 'xs' | 'sm' | 'md' | 'lg';
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-third-party-app-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props>;
+        }
+    }
+}
+declare const ThirdPartyAppLogo: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default ThirdPartyAppLogo;

package/dist/dts/ThirdPartyAppLogo/index.d.ts

@@ -0,0 +1 @@
+export { default as ThirdPartyAppLogo } from './ThirdPartyAppLogo';

package/dist/dts/UploadFile/UploadFile.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ComponentSize } from '../types';
+type Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    size?: ComponentSize;
+    'button-label'?: string;
+    'button-mode'?: string;
+    'button-variant'?: string;
+    accept?: string;
+    name?: string;
+    readonly?: boolean;
+    required?: boolean;
+    bordered?: boolean;
+    'full-width'?: boolean;
+    'data-errormessage-value-missing'?: string;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
+        }
+    }
+}
+declare const UploadFile: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default UploadFile;

package/dist/dts/UploadFile/index.d.ts

@@ -0,0 +1 @@
+export { default as UploadFile } from './UploadFile';

package/dist/dts/UserAttribute/UserAttribute.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+type Props = {
+    'badge-tooltip-text'?: string;
+    'badge-label'?: string;
+    value?: string;
+    placeholder?: string;
+    label?: string;
+    'full-width'?: boolean;
+    required?: boolean;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
+        }
+    }
+}
+declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default UserAttribute;

package/dist/dts/UserAttribute/index.d.ts

@@ -0,0 +1 @@
+export { default as UserAttribute } from './UserAttribute';

package/dist/dts/UserAuthMethod/UserAuthMethod.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-user-auth-method': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                methodIcon?: string;
+                buttonIcon?: string;
+            };
+        }
+    }
+}
+declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+    'button-label'?: string;
+    fulfilled?: boolean;
+    'full-width'?: boolean;
+    methodIcon?: string;
+    buttonIcon?: string;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default UserAuthMethod;

package/dist/dts/UserAuthMethod/index.d.ts

@@ -0,0 +1 @@
+export { default as UserAuthMethod } from './UserAuthMethod';

package/dist/dts/icons/index.d.ts

@@ -0,0 +1,19 @@
+import apple from './apple.svg';
+import facebook from './facebook.svg';
+import slack from './slack.svg';
+import fingerprint from './fingerprint.svg';
+import passkey from './passkey.svg';
+import github from './github.svg';
+import gitlab from './gitlab.svg';
+import google from './google.svg';
+import microsoft from './microsoft.svg';
+import discord from './discord.svg';
+import linkedin from './linkedin.svg';
+import sso from './sso.svg';
+import whatsapp from './whatsapp.svg';
+import plus from './plus.svg';
+import password from './password.svg';
+import reload from './reload.svg';
+import authenticator from './authenticator.svg';
+import edit from './edit.svg';
+export { apple, facebook, slack, fingerprint, passkey, github, gitlab, google, microsoft, discord, linkedin, sso, whatsapp, plus, password, reload, authenticator, edit };

package/dist/dts/index.d.ts

@@ -0,0 +1,143 @@
+type ComponentClass = {
+    cssVarList: Record<string, string>;
+};
+interface IComponentThemeManager {
+    currentThemeName: (themeName?: string) => string;
+    currentTheme: () => string;
+    themes: Theme[];
+    hasThemes: () => boolean;
+}
+declare const globalsThemeToStyle: (theme: string, themeName: string) => string;
+declare const createComponentsTheme: (componentsTheme: Record<string, string>) => Record<string, any>;
+declare const themeToStyle: (theme: Theme, themeName?: string) => Record<string, any>;
+declare const componentsThemeManager: IComponentThemeManager;
+declare const genColor: (val: string, theme?: string) => Record<string, string>;
+declare const themeVars: Theme;
+declare const defaultTheme: Theme;
+declare const darkTheme: Theme;
+declare const CheckboxClass: ComponentClass;
+declare const SwitchToggleClass: ComponentClass;
+declare const ButtonClass: ComponentClass;
+declare const LoaderLinearClass: ComponentClass;
+declare const LoaderRadialClass: ComponentClass;
+declare const ContainerClass: ComponentClass;
+declare const DividerClass: ComponentClass;
+declare const EmailFieldClass: ComponentClass;
+declare const LinkClass: ComponentClass;
+declare const LogoClass: ComponentClass;
+declare const TotpImageClass: ComponentClass;
+declare const NotpImageClass: ComponentClass;
+declare const NumberFieldClass: ComponentClass;
+declare const PasscodeClass: ComponentClass;
+declare const PasswordClass: ComponentClass;
+declare const TextClass: ComponentClass;
+declare const EnrichedTextClass: ComponentClass;
+declare const TextAreaClass: ComponentClass;
+declare const TextFieldClass: ComponentClass;
+declare const ImageClass: ComponentClass;
+declare const PhoneFieldClass: ComponentClass;
+declare const PhoneFieldInputBoxClass: ComponentClass;
+declare const NewPasswordClass: ComponentClass;
+declare const RecaptchaClass: ComponentClass;
+declare const UploadFileClass: ComponentClass;
+declare const ButtonSelectionGroupClass: ComponentClass;
+declare const ButtonMultiSelectionGroupClass: ComponentClass;
+declare const ButtonSelectionGroupItemClass: ComponentClass;
+declare const ModalClass: ComponentClass;
+declare const NotificationClass: ComponentClass;
+declare const GridClass: ComponentClass;
+declare const BadgeClass: ComponentClass;
+declare const MultiSelectComboBoxClass: ComponentClass;
+declare const AvatarClass: ComponentClass;
+declare const UserAttributeClass: ComponentClass;
+declare const UserAuthMethodClass: ComponentClass;
+declare const MappingsFieldClass: ComponentClass;
+declare const SamlGroupMappingsClass: ComponentClass;
+declare const PolicyValidationClass: ComponentClass;
+declare const CodeSnippetClass: ComponentClass;
+declare const RadioGroupClass: ComponentClass;
+declare const RadioButtonClass: ComponentClass;
+declare const DateFieldClass: ComponentClass;
+declare const CalendarClass: ComponentClass;
+declare const ListClass: ComponentClass;
+declare const ListItemClass: ComponentClass;
+declare const AppsListClass: ComponentClass;
+declare const ScopesListClass: ComponentClass;
+declare const ThirdPartyAppLogoClass: ComponentClass;
+declare const SecurityQuestionsSetupClass: ComponentClass;
+declare const SecurityQuestionsVerifyClass: ComponentClass;
+declare const HybridFieldClass: ComponentClass;
+declare const AlertClass: ComponentClass;
+export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars, CheckboxClass, SwitchToggleClass, ButtonClass, LoaderLinearClass, LoaderRadialClass, ContainerClass, DividerClass, EmailFieldClass, LinkClass, LogoClass, TotpImageClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, TextClass, EnrichedTextClass, TextAreaClass, TextFieldClass, ImageClass, PhoneFieldClass, PhoneFieldInputBoxClass, NewPasswordClass, RecaptchaClass, UploadFileClass, ButtonSelectionGroupClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupItemClass, ModalClass, NotificationClass, GridClass, BadgeClass, MultiSelectComboBoxClass, AvatarClass, UserAttributeClass, UserAuthMethodClass, MappingsFieldClass, SamlGroupMappingsClass, PolicyValidationClass, CodeSnippetClass, RadioGroupClass, RadioButtonClass, DateFieldClass, CalendarClass, ListClass, ListItemClass, AppsListClass, ScopesListClass, ThirdPartyAppLogoClass, SecurityQuestionsSetupClass, SecurityQuestionsVerifyClass, HybridFieldClass, AlertClass };
+export type Theme = {
+    globals: {
+        colors: Record<string, string>;
+        fonts: Record<string, any>;
+        typography: Record<string, any>;
+        shadow: Record<string, string>;
+        spacing: Record<string, string>;
+        radius: Record<string, string>;
+        border: Record<string, string>;
+    };
+    components: {
+        button: Record<string, any>;
+        textField: Record<string, any>;
+        logo: Record<string, any>;
+        container: Record<string, any>;
+        link: Record<string, any>;
+        text: Record<string, any>;
+        inputWrapper: Record<string, any>;
+        buttonSelectionGroupItem: Record<string, any>;
+        buttonMultiSelectionGroup: Record<string, any>;
+    };
+};
+export * from './Boolean';
+export * from './Button';
+export * from './Checkbox';
+export * from './Code';
+export * from './Container';
+export * from './Divider';
+export * from './icons';
+export * from './Image';
+export * from './Input';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './NewPassword';
+export * from './NumberField';
+export * from './Password';
+export * from './Phone';
+export * from './Select';
+export * from './Switch';
+export * from './Text';
+export * from './Textarea';
+export * from './TextField';
+export * from './TOTPImage';
+export * from './TOTPLink';
+export * from './NOTPImage';
+export * from './NOTPLink';
+export * from './UploadFile';
+export * from './Recaptcha';
+export * from './RecaptchaV2';
+export * from './SingleSelect';
+export * from './ComboBox';
+export * from './Grid';
+export * from './Badge';
+export * from './Modal';
+export * from './MultiSelect';
+export * from './MappingsField';
+export * from './SAMLGroupMappings';
+export * from './UserAuthMethod';
+export * from './UserAttribute';
+export * from './Avatar';
+export * from './CodeSnippet';
+export * from './List';
+export * from './AppsList';
+export * from './ScopesList';
+export * from './SecurityQuestionsSetup';
+export * from './SecurityQuestionsVerify';
+export * from './ThirdPartyAppLogo';
+export * from './DateField';
+export * from './HybridField';
+export * from './Alert';
+export * from '@descope/web-components-ui';

package/dist/dts/inputHelpers.d.ts

@@ -0,0 +1 @@
+export declare function handleCustomValidationMessages(): void;

package/dist/dts/types.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+type KebabCase<S extends string> = S extends `${infer First}${infer Rest}` ? Rest extends Uncapitalize<Rest> ? `${Uncapitalize<First>}${KebabCase<Rest>}` : `${Uncapitalize<First>}-${KebabCase<Rest>}` : S;
+export type ExcludeMatchingProperties<F, S extends Partial<F>> = Pick<F, {
+    [K in keyof F]: S[K] extends F[K] ? never : K;
+}[keyof F]>;
+export type CustomInputEvent = InputEvent & {
+    target: HTMLSelectElement;
+};
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type InputType = 'number' | 'email' | 'text' | 'password';
+export type TextAlign = 'left' | 'right' | 'center';
+export type FlexAlignment = 'start' | 'center' | 'end';
+export type HTMLInputAttrs = Omit<React.JSX.IntrinsicElements['input'], 'size'>;
+export type DescopeInputExtraProps = {
+    'full-width'?: boolean;
+    bordered?: boolean;
+    label?: string;
+    placeholder?: string;
+    size?: ComponentSize;
+    'helper-text'?: string;
+    'data-errormessage-pattern-mismatch'?: string;
+    'data-errormessage-value-missing'?: string;
+    'label-type'?: LabelType;
+    'external-input'?: boolean;
+};
+export type DescopeInputProps = HTMLInputAttrs & DescopeInputExtraProps;
+export type PropsToAttrs<R extends Record<string, any>> = {
+    [K in keyof R as KebabCase<K & string>]: R[K] | string;
+};
+export type TypographyVariants = 'h1' | 'h2' | 'h3' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2';
+export type Mode = 'primary' | 'secondary' | 'error' | 'success';
+export type MultiSelectProps = {
+    children?: React.JSX.Element[];
+    'default-values'?: string[];
+};
+export type LabelType = 'static' | 'floating';
+export {};