@descope/flow-components 2.0.38 → 2.0.40

package/src/Input/Input.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { NumberField } from '../NumberField';
-import { EmailField } from '../EmailField';
-import { TextField } from '../TextField';
-import { PasswordField } from '../Password';
-import { DescopeInputProps } from '../types';
-
-const Input = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	({ type, ...rest }, ref) => {
-		switch (type) {
-			case 'email':
-				return <EmailField {...rest} ref={ref} />;
-			case 'password':
-				return <PasswordField {...rest} ref={ref} />;
-			case 'number':
-				return <NumberField {...rest} ref={ref} />;
-			default:
-				return <TextField {...rest} ref={ref} />;
-		}
-	}
-);
-
-Input.defaultProps = {
-	size: 'md'
-};
-
-export default Input;

package/src/Input/index.ts

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

package/src/Link/Link.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Mode, TextAlign, TypographyVariants } from '../types';
-
-type Props = {
-	italic?: boolean;
-	variant?: TypographyVariants;
-	mode?: Mode;
-	textAlign?: TextAlign;
-	'full-width'?: boolean;
-	children?: JSX.Element;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-link': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLAnchorElement>,
-				HTMLAnchorElement
-			> &
-				Omit<Props, 'children'>;
-		}
-	}
-}
-
-const Link = React.forwardRef<HTMLAnchorElement, Props>(
-	({ children, ...restProps }, ref) => (
-		<descope-link {...restProps} ref={ref}>
-			{children}
-		</descope-link>
-	)
-);
-
-export default Link;

package/src/Link/index.ts

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

package/src/Loader/Loader.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { Mode, PropsToAttrs } from '../types';
-
-type Props = {
-	variant?: 'linear' | 'radial';
-	size?: 'xs' | 'sm' | 'md' | 'lg';
-	color?: Mode;
-};
-
-type LoaderType = React.DetailedHTMLProps<
-	React.HTMLAttributes<HTMLElement>,
-	HTMLElement
-> &
-	PropsToAttrs<Props>;
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-loader-linear': LoaderType;
-			'descope-loader-radial': LoaderType;
-		}
-	}
-}
-
-const Loader = React.forwardRef<HTMLDivElement, Props>(
-	({ variant, color, ...restProps }, ref) => {
-		const props = { mode: color, ...restProps, ref };
-
-		switch (variant) {
-			case 'linear':
-				return <descope-loader-linear {...props} />;
-			case 'radial':
-				return <descope-loader-radial {...props} />;
-			default:
-				return null;
-		}
-	}
-);
-
-export default Loader;

package/src/Loader/index.ts

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

package/src/Logo/Logo.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { PropsToAttrs } from '../types';
-
-type Props = {
-	width?: string;
-	height?: string;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-logo': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLElement>,
-				HTMLElement
-			> &
-				PropsToAttrs<Props>;
-		}
-	}
-}
-
-const Logo = React.forwardRef<HTMLDivElement, Props>(
-	({ width, height }, ref) => (
-		<descope-logo st-width={width} st-height={height} ref={ref} />
-	)
-);
-
-export default Logo;

package/src/Logo/index.ts

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

package/src/NewPassword/NewPassword.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-export type Props = {
-	'password-label'?: string;
-	'password-placeholder'?: string;
-	'confirm-label'?: string;
-	'confirm-placeholder'?: string;
-	'has-confirm'?: boolean;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-new-password': DescopeInputProps & Props;
-		}
-	}
-}
-
-const NewPassword = React.forwardRef<
-	HTMLInputElement,
-	DescopeInputProps & Props
->((props, ref) => <descope-new-password {...props} ref={ref} />);
-
-export default NewPassword;

package/src/NewPassword/index.ts

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

package/src/NumberField/NumberField.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-number-field': DescopeInputProps;
-		}
-	}
-}
-
-const NumberField = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-number-field {...props} ref={ref} />
-);
-
-NumberField.defaultProps = {
-	size: 'md'
-};
-
-export default NumberField;

package/src/NumberField/index.ts

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

package/src/Password/Password.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-password-field': DescopeInputProps;
-		}
-	}
-}
-
-const PasswordField = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-password-field {...props} ref={ref} />
-);
-
-PasswordField.defaultProps = {
-	size: 'md'
-};
-
-export default PasswordField;

package/src/Password/index.ts

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

package/src/Phone/Phone.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-type Props = {
-	'default-code'?: string;
-	'phone-input-placeholder'?: string;
-	'country-input-placeholder'?: string;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-phone-field': DescopeInputProps & Props;
-		}
-	}
-}
-
-const Phone = React.forwardRef<HTMLInputElement, DescopeInputProps & Props>(
-	(props, ref) => <descope-phone-field {...props} ref={ref} />
-);
-
-export default Phone;

package/src/Phone/index.ts

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

package/src/Select/Select.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-type Props = {
-	children?: JSX.Element[];
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-combo-box': DescopeInputProps;
-		}
-	}
-}
-
-const Select = React.forwardRef<HTMLInputElement, DescopeInputProps & Props>(
-	({ children, ...restProps }, ref) => (
-		<descope-combo-box {...restProps} ref={ref}>
-			{children}
-		</descope-combo-box>
-	)
-);
-
-Select.defaultProps = {
-	// eslint-disable-next-line react/default-props-match-prop-types
-	size: 'md'
-};
-
-export default Select;

package/src/Select/index.ts

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

package/src/Switch/Switch.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-switch-toggle': DescopeInputProps;
-		}
-	}
-}
-
-const Switch = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-switch-toggle {...props} ref={ref} />
-);
-
-Switch.defaultProps = {
-	// eslint-disable-next-line react/default-props-match-prop-types
-	size: 'md'
-};
-
-export default Switch;

package/src/Switch/index.ts

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

package/src/TOTPImage/TOTPImage.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { CssVarImage } from '../CssVarImage';
-
-type Props = Omit<
-	React.ComponentProps<typeof CssVarImage>,
-	'varName' | 'fallback'
->;
-
-// The reason we define TOTPImage 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 TOTPImage = React.forwardRef<HTMLDivElement, Props>(
-	({ ...props }, ref) => (
-		<CssVarImage ref={ref} varName="totp-image" {...props} />
-	)
-);
-
-export default TOTPImage;

package/src/TOTPImage/index.ts

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

package/src/TOTPLink/TOTPLink.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Link } from '../Link';
-
-type Props = Omit<React.ComponentProps<typeof Link>, 'href'>;
-
-// The reason we define TOTPLink 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 TOTPLink = React.forwardRef<HTMLAnchorElement, Props>(
-	({ ...props }, ref) => {
-		const readyProps = { ...props, 'data-type': 'totp-link' };
-		return <Link ref={ref} {...readyProps} />;
-	}
-);
-
-export default TOTPLink;

package/src/TOTPLink/index.ts

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

package/src/Text/Text.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { TextAlign, TypographyVariants } from '../types';
-
-type Props = {
-	italic?: boolean;
-	variant?: string;
-	mode?: string;
-	'full-width'?: boolean;
-	'text-align'?: TextAlign;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-text': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLElement>,
-				HTMLElement
-			> &
-				Props;
-		}
-	}
-}
-
-const Text = React.forwardRef<
-	HTMLElement,
-	Props & { typography?: TypographyVariants } & Omit<
-			React.HTMLProps<HTMLSpanElement>,
-			'mode'
-		>
->((props, ref) => (
-	<descope-text {...props} ref={ref}>
-		{props.children}
-	</descope-text>
-));
-
-export default Text;

package/src/Text/index.ts

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

package/src/TextField/TextField.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-text-field': DescopeInputProps;
-		}
-	}
-}
-
-const TextField = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-text-field {...props} ref={ref} />
-);
-
-TextField.defaultProps = {
-	size: 'md'
-};
-
-export default TextField;

package/src/TextField/index.ts

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

package/src/Textarea/Textarea.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-text-area': DescopeInputProps;
-		}
-	}
-}
-
-const Textarea = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-text-area {...props} ref={ref} />
-);
-
-Textarea.defaultProps = {
-	size: 'md'
-};
-
-export default Textarea;

package/src/Textarea/index.ts

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

package/src/icons/apple.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		width="1.5em"
-		height="1.5em"
-		viewBox="0 0 800 1000"
-		xmlns="http://www.w3.org/2000/svg"
-		fill={noColor ? 'currentColor' : '#000000'}
-		data-icon="apple"
-	>
-		<path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" />
-	</svg>
-);

package/src/icons/discord.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="1.5em"
-		height="1.5em"
-		viewBox="0 0 256 200"
-		fill={noColor ? 'currentColor' : '#5566fb'}
-		data-icon="discord"
-	>
-		<path d="M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z" />
-	</svg>
-);

package/src/icons/facebook.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="1.5em"
-		height="1.5em"
-		viewBox="5 5 20 20"
-		fill={noColor ? 'currentColor' : '#1877F2'}
-		data-icon="facebook"
-	>
-		<path d="M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z" />
-	</svg>
-);

package/src/icons/fingerprint.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 29 30"
-		width="1.5em"
-		height="1.5em"
-		fill={noColor ? 'currentColor' : '#000000'}
-		data-icon="fingerprint"
-	>
-		<path d="M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z" />
-	</svg>
-);

package/src/icons/github.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		width="1.5em"
-		height="1.5em"
-		xmlns="http://www.w3.org/2000/svg"
-		fill={noColor ? 'currentColor' : '#000000'}
-		viewBox="2.5 2.5 25 25"
-		data-icon="github"
-	>
-		<path d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" />
-	</svg>
-);

package/src/icons/gitlab.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="1.5em"
-		height="1.5em"
-		viewBox="0 0 256 236"
-		fill={noColor ? 'currentColor' : ''}
-		data-icon="gitlab"
-	>
-		<path
-			d="M128.075 236.075l47.104-144.97H80.97l47.104 144.97z"
-			fill={noColor ? '' : '#E24329'}
-		/>
-		<path
-			d="M128.075 236.074L80.97 91.104H14.956l113.119 144.97z"
-			fill={noColor ? '' : '#FC6D26'}
-		/>
-		<path
-			d="M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z"
-			fill={noColor ? '' : '#FCA326'}
-		/>
-		<path
-			d="M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0l-28.37 87.315z"
-			fill={noColor ? '' : '#E24329'}
-		/>
-		<path
-			d="M128.075 236.074l47.104-144.97h66.015l-113.12 144.97z"
-			fill={noColor ? '' : '#FC6D26'}
-		/>
-		<path
-			d="M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z"
-			fill={noColor ? '' : '#FCA326'}
-		/>
-		<path
-			d="M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z"
-			fill={noColor ? '' : '#E24329'}
-		/>
-	</svg>
-);

package/src/icons/google.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		width="1.5em"
-		height="1.5em"
-		viewBox="3 3 24 24"
-		xmlns="http://www.w3.org/2000/svg"
-		fill={noColor ? 'currentColor' : ''}
-		data-icon="google"
-	>
-		<path
-			d="M24.577 15.2205C24.577 14.5622 24.5187 13.9371 24.4187 13.3287H15.0013V17.0874H20.3934C20.1517 18.3208 19.4433 19.3625 18.3932 20.0709V22.5711H21.6101C23.4936 20.8293 24.577 18.2624 24.577 15.2205Z"
-			fill={noColor ? '' : '#0152E6'}
-		/>
-		<path
-			d="M14.9959 24.9999C17.6961 24.9999 19.9546 24.0999 21.6048 22.5748L18.3879 20.0746C17.4878 20.6746 16.346 21.0413 14.9959 21.0413C12.3874 21.0413 10.1789 19.2828 9.38717 16.9077H6.07025V19.4829C7.71204 22.7498 11.0873 24.9999 14.9959 24.9999Z"
-			fill={noColor ? '' : '#34A853'}
-		/>
-		<path
-			d="M9.392 16.9086C9.18365 16.3086 9.07531 15.6669 9.07531 15.0002C9.07531 14.3334 9.19199 13.6917 9.392 13.0917V10.5165H6.07508C5.3917 11.8666 5 13.3834 5 15.0002C5 16.6169 5.3917 18.1337 6.07508 19.4838L9.392 16.9086Z"
-			fill={noColor ? '' : '#FBBC05'}
-		/>
-		<path
-			d="M14.9959 8.95864C16.471 8.95864 17.7878 9.46701 18.8296 10.4588L21.6798 7.60853C19.9546 5.99174 17.6961 5 14.9959 5C11.0873 5 7.71204 7.25017 6.07025 10.5171L9.38717 13.0923C10.1789 10.7171 12.3874 8.95864 14.9959 8.95864Z"
-			fill={noColor ? '' : '#EA4335'}
-		/>
-	</svg>
-);

package/src/icons/index.ts

@@ -1,11 +0,0 @@
-export { default as apple } from './apple';
-export { default as facebook } from './facebook';
-export { default as fingerprint } from './fingerprint';
-export { default as passkey } from './passkey';
-export { default as github } from './github';
-export { default as gitlab } from './gitlab';
-export { default as google } from './google';
-export { default as microsoft } from './microsoft';
-export { default as discord } from './discord';
-export { default as linkedin } from './linkedin';
-export { default as sso } from './sso';

package/src/icons/input-hidden.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill={noColor ? 'currentColor' : '#000000'}
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z"
-			fill="black"
-			fillOpacity="0.54"
-		/>
-	</svg>
-);

package/src/icons/input-visible.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-export default ({ noColor }) => (
-	<svg
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill={noColor ? 'currentColor' : '#000000'}
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z"
-			fill="black"
-			fillOpacity="0.54"
-		/>
-	</svg>
-);