@envive-ai/react-toolkit 0.2.0 → 0.2.2

package/dist/textVariantClasses-Bl8SAGwZ.d.ts

@@ -1,174 +0,0 @@
-//#region src/components/Text/textVariantClasses.d.ts
-declare const HeadlineVariantMap: {
-  t1: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[32px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  t2: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[16px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  t3: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[24px]': boolean;
-    'spiffy-tw-leading-[120%]': boolean;
-  };
-  h1: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[20px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-leading-[120%]': boolean;
-  };
-  h2: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-2': boolean;
-    'spiffy-tw-text-[16px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  h3: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-3': boolean;
-    'spiffy-tw-text-[15px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  h4: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-4': boolean;
-    'spiffy-tw-text-[14px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-};
-declare const TextVariantMap: {
-  body1: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-1': boolean;
-    'spiffy-tw-text-[20px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-line-height-[120%]': boolean;
-  };
-  body2: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-2': boolean;
-    'spiffy-tw-text-[16px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-line-height-[148%]': boolean;
-  };
-  body3: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-3': boolean;
-    'spiffy-tw-text-sm': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-leading-[140%]': boolean;
-  };
-  body4: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-4': boolean;
-    'spiffy-tw-text-xs': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[130%]': boolean;
-  };
-  body5: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-5': boolean;
-    'spiffy-tw-text-[10px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-  };
-};
-declare const TextStyleVariantMap: {
-  t1: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[32px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  t2: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[16px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  t3: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[24px]': boolean;
-    'spiffy-tw-leading-[120%]': boolean;
-  };
-  h1: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-1': boolean;
-    'spiffy-tw-text-[20px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-leading-[120%]': boolean;
-  };
-  h2: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-2': boolean;
-    'spiffy-tw-text-[16px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  h3: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-3': boolean;
-    'spiffy-tw-text-[15px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  h4: {
-    'spiffy-headline': boolean;
-    'spiffy-headline-4': boolean;
-    'spiffy-tw-text-[14px]': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[124%]': boolean;
-  };
-  body1: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-1': boolean;
-    'spiffy-tw-text-[20px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-line-height-[120%]': boolean;
-  };
-  body2: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-2': boolean;
-    'spiffy-tw-text-[16px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-line-height-[148%]': boolean;
-  };
-  body3: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-3': boolean;
-    'spiffy-tw-text-sm': boolean;
-    'spiffy-tw-font-normal': boolean;
-    'spiffy-tw-leading-[140%]': boolean;
-  };
-  body4: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-4': boolean;
-    'spiffy-tw-text-xs': boolean;
-    'spiffy-tw-font-medium': boolean;
-    'spiffy-tw-leading-[130%]': boolean;
-  };
-  body5: {
-    'spiffy-body-text': boolean;
-    'spiffy-body-5': boolean;
-    'spiffy-tw-text-[10px]': boolean;
-    'spiffy-tw-font-normal': boolean;
-  };
-};
-declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
-//#endregion
-export { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/textVariantClasses-CBre7vXv.cjs

@@ -1,123 +0,0 @@
-
-//#region src/components/Text/textVariantClasses.ts
-const HeadlineVariantMap = {
-	t1: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[32px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	t2: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	t3: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[24px]": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	h1: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	h2: {
-		"spiffy-headline": true,
-		"spiffy-headline-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	h3: {
-		"spiffy-headline": true,
-		"spiffy-headline-3": true,
-		"spiffy-tw-text-[15px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	h4: {
-		"spiffy-headline": true,
-		"spiffy-headline-4": true,
-		"spiffy-tw-text-[14px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	}
-};
-const TextVariantMap = {
-	body1: {
-		"spiffy-body-text": true,
-		"spiffy-body-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[120%]": true
-	},
-	body2: {
-		"spiffy-body-text": true,
-		"spiffy-body-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[148%]": true
-	},
-	body3: {
-		"spiffy-body-text": true,
-		"spiffy-body-3": true,
-		"spiffy-tw-text-sm": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[140%]": true
-	},
-	body4: {
-		"spiffy-body-text": true,
-		"spiffy-body-4": true,
-		"spiffy-tw-text-xs": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[130%]": true
-	},
-	body5: {
-		"spiffy-body-text": true,
-		"spiffy-body-5": true,
-		"spiffy-tw-text-[10px]": true,
-		"spiffy-tw-font-normal": true
-	}
-};
-const TextStyleVariantMap = {
-	...TextVariantMap,
-	...HeadlineVariantMap
-};
-const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
-	if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
-	else acc[`${key}-placeholder`] = classes[key];
-	return acc;
-}, {});
-
-//#endregion
-Object.defineProperty(exports, 'HeadlineVariantMap', {
-  enumerable: true,
-  get: function () {
-    return HeadlineVariantMap;
-  }
-});
-Object.defineProperty(exports, 'TextStyleVariantMap', {
-  enumerable: true,
-  get: function () {
-    return TextStyleVariantMap;
-  }
-});
-Object.defineProperty(exports, 'TextVariantMap', {
-  enumerable: true,
-  get: function () {
-    return TextVariantMap;
-  }
-});
-Object.defineProperty(exports, 'getVariantPlaceholderClassNames', {
-  enumerable: true,
-  get: function () {
-    return getVariantPlaceholderClassNames;
-  }
-});

package/dist/textVariantClasses-CRrTb43V.js

@@ -1,99 +0,0 @@
-//#region src/components/Text/textVariantClasses.ts
-const HeadlineVariantMap = {
-	t1: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[32px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	t2: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	t3: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[24px]": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	h1: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	h2: {
-		"spiffy-headline": true,
-		"spiffy-headline-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	h3: {
-		"spiffy-headline": true,
-		"spiffy-headline-3": true,
-		"spiffy-tw-text-[15px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	h4: {
-		"spiffy-headline": true,
-		"spiffy-headline-4": true,
-		"spiffy-tw-text-[14px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	}
-};
-const TextVariantMap = {
-	body1: {
-		"spiffy-body-text": true,
-		"spiffy-body-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[120%]": true
-	},
-	body2: {
-		"spiffy-body-text": true,
-		"spiffy-body-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[148%]": true
-	},
-	body3: {
-		"spiffy-body-text": true,
-		"spiffy-body-3": true,
-		"spiffy-tw-text-sm": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[140%]": true
-	},
-	body4: {
-		"spiffy-body-text": true,
-		"spiffy-body-4": true,
-		"spiffy-tw-text-xs": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[130%]": true
-	},
-	body5: {
-		"spiffy-body-text": true,
-		"spiffy-body-5": true,
-		"spiffy-tw-text-[10px]": true,
-		"spiffy-tw-font-normal": true
-	}
-};
-const TextStyleVariantMap = {
-	...TextVariantMap,
-	...HeadlineVariantMap
-};
-const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
-	if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
-	else acc[`${key}-placeholder`] = classes[key];
-	return acc;
-}, {});
-
-//#endregion
-export { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/types-BhGjnuWx.d.cts

@@ -1,4 +0,0 @@
-//#region src/atoms/search/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/dist/types-CTOdb0G0.d.ts

@@ -1,4 +0,0 @@
-//#region src/atoms/search/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/src/components/Headline/Headline.tsx

@@ -1,81 +0,0 @@
-import classNames from 'classnames';
-import { HeadlineVariantMap } from '../Text/textVariantClasses';
-
-export type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
-
-export type HeadlineProps = {
-  children: React.ReactNode;
-  className?: string;
-  style?: React.CSSProperties;
-  variant?: HeadlineVariant;
-  testId?: string;
-  id?: string;
-};
-
-export const Headline = ({ children, className, style, testId, variant = 'h1' }: HeadlineProps) => {
-  const variantClassNames = variant ? HeadlineVariantMap[variant] : {};
-  const textClassNames = classNames(className, variantClassNames, {
-    'spiffy-tw-font-[Poppins,sans-serif]': true,
-  });
-
-  const T1 = () => (
-    <h1 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h1>
-  );
-
-  const T2 = () => (
-    <h2 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h2>
-  );
-
-  const T3 = () => (
-    <h3 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h3>
-  );
-
-  const H1 = () => (
-    <h1 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h1>
-  );
-
-  const H2 = () => (
-    <h2 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h2>
-  );
-
-  const H3 = () => (
-    <h3 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h3>
-  );
-
-  const H4 = () => (
-    <h4 data-testid={testId} className={textClassNames} style={style}>
-      {children}
-    </h4>
-  );
-
-  switch (variant) {
-    case 't1':
-      return T1();
-    case 't2':
-      return T2();
-    case 't3':
-      return T3();
-    case 'h1':
-      return H1();
-    case 'h2':
-      return H2();
-    case 'h3':
-      return H3();
-    case 'h4':
-      return H4();
-    default:
-      throw new Error(`Invalid variant: ${variant}`);
-  }
-};

package/src/components/Headline/index.ts

@@ -1 +0,0 @@
-export * from './Headline';

package/src/components/Text/Text.tsx

@@ -1,58 +0,0 @@
-import classNames from 'classnames';
-import { type TextType, type TextVariant } from './types';
-import { TextVariantMap } from './textVariantClasses';
-
-type TextProps = {
-  children: React.ReactNode;
-  noOfLines?: number;
-  className?: string;
-  style?: React.CSSProperties;
-  variant?: TextVariant;
-  type?: TextType;
-  testId?: string;
-};
-
-export const Text = ({
-  children,
-  className,
-  style,
-  noOfLines,
-  testId,
-  type = 'span',
-  variant = 'body3',
-}: TextProps) => {
-  const variantClassNames = variant ? TextVariantMap[variant] : {};
-  const textClassNames = classNames(className, variantClassNames, {
-    'spiffy-tw-font-["Inter Variable,sans-serif"]': true,
-    'spiffy-tw-line-clamp-1': noOfLines === 1,
-    'spiffy-tw-line-clamp-2': noOfLines === 2,
-    'spiffy-tw-line-clamp-3': noOfLines === 3,
-    'spiffy-tw-line-clamp-4': noOfLines === 4,
-    'spiffy-tw-line-clamp-5': noOfLines === 5,
-    'spiffy-tw-line-clamp-6': noOfLines === 6,
-    'spiffy-tw-line-clamp-7': noOfLines === 7,
-  });
-
-  switch (type) {
-    case 'p':
-      return (
-        <p data-testid={testId} className={textClassNames} style={style}>
-          {children}
-        </p>
-      );
-    case 'span':
-      return (
-        <span data-testid={testId} className={textClassNames} style={style}>
-          {children}
-        </span>
-      );
-    case 'sub':
-      return (
-        <sub data-testid={testId} className={textClassNames} style={style}>
-          {children}
-        </sub>
-      );
-    default:
-      throw new Error(`Invalid text type: ${type}`);
-  }
-};

package/src/components/Text/index.ts

@@ -1,3 +0,0 @@
-export * from './Text';
-export * from './textVariantClasses';
-export * from './types';

package/src/components/Text/types.ts

@@ -1,23 +0,0 @@
-export enum ExpandableTextOverrides {
-  EXPANDABLE_TEXT_CONTAINER = 'spiffy-expandable-text-container',
-  EXPANDABLE_TEXT = 'spiffy-expandable-text',
-  EXPANDABLE_BUTTON = 'spiffy-expandable-button',
-}
-
-// This is an incomplete list of text variants
-// TODO: add the rest of the variants as needed
-export type TextVariant = 'body1' | 'body2' | 'body3' | 'body4' | 'body5';
-export type TextType = 'p' | 'span' | 'sub';
-
-export type HeadlineProps = {
-  children: React.ReactNode;
-  className?: string;
-  style?: React.CSSProperties;
-  variant?: HeadlineVariant;
-  testId?: string;
-  id?: string;
-};
-
-// This is an incomplete list of text variants
-// TODO: add the rest of the variants as needed
-export type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';