npm - @flikk/ui - Versions diffs - 1.0.0-beta.13 → 1.0.0-beta.15 - Mend

@@ -1,24 +0,0 @@
-import React from 'react';
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
-    color?: string;
-    strokeWidth?: number;
-    className?: string;
-    /**
-     * Force dark mode styling for the icon. Use when placing the icon
-     * on a dark background while the page is in light mode. This applies the
-     * 'dark' class to the container, making the icon use light colors for visibility.
-     * @default false
-     */
-    darkMode?: boolean;
-}
-export interface IconComponent extends React.FC<IconProps> {
-    displayName?: string;
-}
-/**
- * Icon factory function to create consistent icons
- * @param Svg - The SVG component to render
- * @param displayName - The display name for the component
- * @returns A standardized Icon component
- */
-export declare function createIcon(Svg: React.FC<IconProps>, displayName: string): IconComponent;

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-/**
- * Icon factory function to create consistent icons
- * @param Svg - The SVG component to render
- * @param displayName - The display name for the component
- * @returns A standardized Icon component
- */
-function createIcon(Svg, displayName) {
-    const Icon = ({ size = 'md', color = 'currentColor', strokeWidth = 2, className = '', darkMode = false, ...props }) => {
-        // Map size names to pixel values
-        const sizeMap = {
-            xs: '16px',
-            sm: '20px',
-            md: '24px',
-            lg: '32px',
-            xl: '40px',
-        };
-        const pixelSize = typeof size === 'string' ? sizeMap[size] || '24px' : `${size}px`;
-        const svg = (jsx(Svg, { width: pixelSize, height: pixelSize, fill: "none", stroke: color, strokeWidth: strokeWidth, className: className, "aria-hidden": "true", style: { width: pixelSize, height: pixelSize, ...props.style }, ...props }));
-        if (darkMode) {
-            return (jsx("span", { className: "dark inline-flex", children: svg }));
-        }
-        return svg;
-    };
-    Icon.displayName = displayName;
-    return Icon;
-}
-export { createIcon };

@@ -1,16 +0,0 @@
-export * from './Icon';
-export * from './core/PlusIcon';
-export * from './core/MinusIcon';
-export * from './core/SearchIcon';
-export * from './core/LockIcon';
-export * from './core/DollarIcon';
-export * from './core/TickIcon';
-import React from 'react';
-interface IconProps {
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    className?: string;
-}
-export declare const CalendarIcon: React.FC<IconProps>;
-export declare const ClockIcon: React.FC<IconProps>;
-export declare const ChartBarIcon: React.FC<IconProps>;
-export declare const UserIcon: React.FC<IconProps>;

@@ -1,7 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-const ChevronUpDownSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("path", { d: "m7 15 5 5 5-5" }), jsx("path", { d: "m7 9 5-5 5 5" })] }));
-const ChevronUpDownIcon = createIcon(ChevronUpDownSvg, 'ChevronUpDownIcon');
-export { ChevronUpDownIcon };

@@ -1,5 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-const DollarSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("line", { x1: "12", x2: "12", y1: "2", y2: "22" }), jsx("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })] }));
-createIcon(DollarSvg, 'DollarIcon');

	@@ -1 +0,0 @@
1	- export declare const ChevronUpDownIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const DollarIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const LockIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const MinusIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const PlusIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const SearchIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const TickIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export declare const UserIcon: import("../Icon").IconComponent;

	@@ -1 +0,0 @@
1	- export { useClickOutside } from '../hooks/useClickOutside';

@flikk/ui 1.0.0-beta.13 → 1.0.0-beta.15