@descope/flow-components 2.0.412 → 2.0.413

package/dist/types/src/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/types/src/inputHelpers.d.ts

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

package/dist/types/src/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 {};

package/dist/types/test/boolean.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/buttons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/code.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/container.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/image.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/inputHelpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/loader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/logo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/newPassword.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/notpImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/notpLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/numeric-input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/password.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/phone.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/text.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/textarea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/totpImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/totpLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.412",
+	"version": "2.0.413",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -87,25 +87,26 @@
 		"postcss": "^8.4.14",
 		"prettier": "2.8.8",
 		"pretty-quick": "^4.0.0",
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
 		"rollup": "^4.0.0",
 		"rollup-plugin-auto-external": "^2.0.0",
 		"rollup-plugin-copy": "^3.4.0",
 		"rollup-plugin-delete": "^2.0.0",
 		"rollup-plugin-dts": "^6.0.0",
 		"rollup-plugin-img": "^1.1.0",
+		"rollup-plugin-no-emit": "^1.2.1",
 		"storybook": "^7.6.3",
 		"storybook-addon-themes": "^6.1.0",
 		"ts-jest": "^29.0.0",
 		"ts-node": "10.9.2",
-		"typescript": "^5.0.0"
+		"typescript": "^5.7.2"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.0.432"
+		"@descope/web-components-ui": "1.0.433"
 	},
 	"peerDependencies": {
-		"react": ">=17"
+		"react": ">= 18"
 	},
 	"optionalDependencies": {
 		"@rollup/rollup-linux-x64-gnu": "^4.14.2"