@spesia/ui 1.0.1-28 → 1.0.4

package/dist/components/Logo/Logo.d.ts

@@ -1,9 +1,9 @@
-export interface LogoProps {
+export type LogoProps = {
     withText?: boolean;
     alt?: string;
     height?: number;
     width?: number;
     color?: "blue" | "black" | "white";
-}
+};
 declare const Logo: ({ withText, color, height, width, ...rest }: LogoProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Logo;

package/dist/components/TrendingChip/TrendingChip.d.ts

@@ -0,0 +1,7 @@
+export type TrendingChipProps = {
+    value: number;
+    size?: "small" | "medium";
+    className?: string;
+};
+declare const TrendingChip: ({ value, size, className, }: TrendingChipProps) => import("react/jsx-runtime").JSX.Element;
+export default TrendingChip;

package/dist/components/index.d.ts

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

package/dist/helpers/suitCx.d.ts

@@ -0,0 +1,9 @@
+type SuitCXSettings = {
+    name: string;
+    modifiers?: string[] | undefined;
+    states?: string[] | undefined;
+};
+export declare const suitCx: (settings: string | SuitCXSettings, params: {
+    [key: string]: any;
+}, className?: {}) => (...decendants: string[]) => string;
+export {};

package/dist/helpers/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This function assumes that the value is between 0 - 1, and will convert it to a 0 - 100 percentage before rounding it and formatting.
+ * But if it's already been converted to 0-100 and you just want to format it, set isPercentage to true.
+ * @param value Value to format as a percentage
+ * @param isPercentage Optional value. Tells the function whether or not to convert the value to percentage first.
+ * @param precision Optional value. The precision to round to.
+ * @returns
+ */
+export declare const formatPercentage: (value: number, isPercentage?: boolean, precision?: number) => string;
+export declare const roundNumber: (value: number, precision?: number) => number;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { theme } from './styles';
 export { colors } from './styles/colors';
 export { themes, defaultTheme } from './themes';
+export { suitCx } from './helpers/suitCx';
 export * from './components';