@apple-pie/slice 0.0.0 → 0.0.1

package/dist/types/hooks/index.d.ts

@@ -1,2 +1,9 @@
-export { useTheme } from './useTheme';
-export { useMayaTheme } from './useMayaTheme';
+export { useTheme } from './useTheme/useTheme';
+export { useObserveTheme } from './useObserveTheme/useObserveTheme';
+export { useDoubleClick } from './useDoubleClick/useDoubleClick';
+export { useToolTip } from './useToolTip/useToolTip';
+export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, } from './useKeyboardShortcuts/useKeyboardShortcuts';
+export { useLastUpdated } from './useLastUpdated/useLastUpdated';
+export { useLocalStore } from './useLocalStore/useLocalStore';
+export { useWindow, FormFactor } from './useWindow/useWindow';
+export { useObserveResize } from './useObserveResize/useObserveResize';

package/dist/types/hooks/useDoubleClick/useDoubleClick.d.ts

@@ -0,0 +1 @@
+export declare function useDoubleClick<T, Y>(onClick: (payload?: T) => void, onDblClick: (payload?: Y) => void, delay?: number): readonly [(payload: T) => () => void, (payload: Y) => void];

package/dist/types/hooks/useKeyboardShortcuts/useKeyboardShortcuts.d.ts

@@ -0,0 +1,6 @@
+export interface KeyboardShortcut {
+    key: string;
+    name: string;
+}
+export type KeyboardShortcuts = KeyboardShortcut[];
+export declare function useKeyboardShortcuts(shortcuts: KeyboardShortcuts, shortCutHandler: (shortcut: KeyboardShortcut) => void, isAppleDevice: boolean): void;

package/dist/types/hooks/useLastUpdated/useLastUpdated.d.ts

@@ -0,0 +1,4 @@
+export declare function useLastUpdated(timestamp: string | undefined, prefix?: string, interval?: number): {
+    lastUpdated: string;
+    timer: number;
+};

package/dist/types/hooks/useLocalStore/useLocalStore.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStore<T>(key: string, value: T): readonly [T, (data: T) => void];

package/dist/types/hooks/{useObserveResize.d.ts → useObserveResize/useObserveResize.d.ts}

@@ -3,7 +3,7 @@ type Size = {
     height: number;
     width: number;
 };
-export declare function useObserveResize(element: RefObject<HTMLDivElement | null> | undefined, options?: {
+export declare function useObserveResize(element: RefObject<HTMLElement | null> | undefined, options?: {
     ignore?: 'width' | 'height';
 }): Size;
 export {};

package/dist/types/hooks/useObserveTheme/useObserveTheme.d.ts

@@ -0,0 +1,2 @@
+import { type SliceTheme } from '../../theme';
+export declare function useObserveTheme(): SliceTheme;

package/dist/types/hooks/useTheme/useTheme.d.ts

@@ -0,0 +1,47 @@
+import type { SliceTheme } from '../../theme';
+/**
+ * Hook to manage Slice theming
+ */
+export declare function useTheme(): {
+    /**
+     * Slice's default dark theme
+     */
+    darkTheme: SliceTheme;
+    /**
+     * Slice's default light theme
+     */
+    lightTheme: SliceTheme;
+    /**
+     * The currently active SliceTheme
+     */
+    current: SliceTheme;
+    /**
+     * CSS variables for theme colors
+     */
+    colors: Record<keyof import("../..").Colors, string>;
+    /**
+     * CSS Class names for the theme colors
+     */
+    colorsClass: Record<keyof import("../..").Colors, string>;
+    /**
+     * CSS class names for theme typefaces
+     */
+    typeClass: Record<keyof import("../..").Type, string>;
+    /**
+     * CSS typeface styles as inline style properties
+     */
+    typeStyle: Record<keyof import("../..").Type, import("react").CSSProperties>;
+    /**
+     * Set a new theme by name or passing in a SliceTheme object
+     * @param newTheme
+     */
+    set: (newTheme: SliceTheme | string) => void;
+    /**
+     * Toggle between light and dark themes
+     */
+    toggle: () => void;
+    /**
+     * If the currently active theme is the Slice's default dark theme'
+     */
+    isDark: boolean;
+};

package/dist/types/hooks/useToolTip/useToolTip.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { ToolTip } from '../../uikit/sharedTypes';
+export declare function useToolTip(toolTip: ToolTip | null, tipElement: React.RefObject<HTMLDivElement | null>): {
+    x: number;
+    y: number;
+} | undefined;

package/dist/types/hooks/useWindow/useWindow.d.ts

@@ -0,0 +1,15 @@
+export declare enum FormFactor {
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop"
+}
+export declare function useWindow(top?: boolean): {
+    viewportWidth: number | null;
+    viewportHeight: number | null;
+    height: string;
+    isTouchDevice: boolean;
+    isElectron: boolean;
+    isAppleDevice: boolean;
+    formFactor: FormFactor;
+    dpr: 2 | 1 | 3;
+};

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 export type { ToolTip, ToolTipInfo } from './uikit/sharedTypes';
 export { ToolTipType } from './uikit/sharedTypes';
-export { light, dark, lightTheme, darkTheme, } from './theme/index';
-export type { MayaTheme, Colors, Type, Corners, } from './theme/index';
-export { useTheme, useMayaTheme } from './hooks/index';
+export { light, dark, lightTheme, darkTheme, } from './theme';
+export type { SliceTheme, Colors, Type, Corners, } from './theme';
+export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useWindow, useDoubleClick, useObserveResize, } from './hooks';
 export { Avatar } from './uikit/Avatar/index';
 export type { AvatarProps } from './uikit/Avatar/index';
 export { AvatarGroup } from './uikit/AvatarGroup';
@@ -54,9 +54,14 @@ export type { SwitchProps } from './uikit/Switch';
 export { TabBar } from './uikit/TabBar';
 export type { TabOption, TabBarProps } from './uikit/TabBar';
 export { TextArea } from './uikit/TextArea';
-export type { TextAreaProps, Tip } from './uikit/TextArea';
+export type { TextAreaProps } from './uikit/TextArea';
 export { TextField } from './uikit/Textfield';
 export type { TextFieldProps } from './uikit/Textfield';
+export { ThemeProvider } from './providers';
+export { Tip } from './uikit/Tip';
+export type { ToolTipProps } from './uikit/Tip';
+export { Toast } from './uikit/Toast';
+export type { ToastProps } from './uikit/Toast';
 export { UIButton } from './uikit/UIButton';
 export type { UIButtonProps, UIButtonHandle } from './uikit/UIButton';
 export { UIChip } from './uikit/UIChip';

package/dist/types/providers/ThemeProvider.d.ts

@@ -4,6 +4,7 @@ import '../theme/type/type.css';
 interface ThemeProviderProps {
     children?: React.ReactNode;
     theme?: string;
+    system?: boolean;
 }
 export declare function ThemeProvider(props: Readonly<ThemeProviderProps>): React.ReactNode;
 export {};

package/dist/types/theme/colors/colors.d.ts

@@ -2,3 +2,5 @@ import type { Colors, CoreColors } from './types';
 export declare const coreColors: CoreColors;
 export declare const light: Colors;
 export declare const dark: Colors;
+export declare const colorCssVars: Record<keyof Colors, string>;
+export declare const colorClass: Record<keyof Colors, string>;

package/dist/types/theme/colors/types.d.ts

@@ -90,6 +90,20 @@ export type CoreColors = {
     'brand-yellow-950': string;
     'product-red-400': string;
     'product-red-500': string;
+    'core-drop-shadow-light': string;
+    'core-drop-shadow-dark': string;
+    'core-surface-coverup-translucent-light': string;
+    'core-surface-coverup-translucent-dark': string;
+    'core-surface-overlay-translucent-light': string;
+    'core-surface-overlay-translucent-dark': string;
+    'scroll-bar-light': string;
+    'scroll-bar-dark': string;
+    'scroll-bar-hover-light': string;
+    'scroll-bar-hover-dark': string;
+    'surface-shadow-soft-light': string;
+    'surface-shadow-soft-dark': string;
+    'surface-shadow-strong-light': string;
+    'surface-shadow-strong-dark': string;
 };
 export type Colors = {
     'array-land': string;

package/dist/types/theme/components/BrandColors.d.ts

@@ -0,0 +1 @@
+export declare function BrandColors(): import("react/jsx-runtime").JSX.Element;

package/dist/types/theme/components/ColorTile.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ColorTileProps } from './_types';
+export declare const ColorTile: React.MemoExoticComponent<{
+    (props: Readonly<ColorTileProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;

package/dist/types/theme/components/ColorTileGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ColorTileGroupProps } from './_types';
+export declare const ColorTileGroup: React.MemoExoticComponent<{
+    (props: Readonly<ColorTileGroupProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;

package/dist/types/theme/components/ThemeColors.d.ts

@@ -0,0 +1,2 @@
+export declare function LightModeBrandColors(): import("react/jsx-runtime").JSX.Element;
+export declare function DarkModeBrandColors(): import("react/jsx-runtime").JSX.Element;

package/dist/types/theme/components/_types.d.ts

@@ -0,0 +1,15 @@
+import type { ToolTip } from '../../uikit/sharedTypes';
+import type { SliceTheme } from '../themes';
+export interface ColorTileProps {
+    token?: string;
+    core?: string;
+    hex?: string;
+    width?: number;
+    height?: number;
+    onCopy?: (token: string, hex: string) => void;
+    onTooltip?: (tip: ToolTip | null) => void;
+}
+export interface ColorTileGroupProps {
+    pattern?: string | string[];
+    theme?: SliceTheme;
+}

package/dist/types/theme/index.d.ts

@@ -1,4 +1,4 @@
-export { type MayaTheme, darkTheme, lightTheme, } from './themes';
+export { type SliceTheme, darkTheme, lightTheme, } from './themes';
 export type { Colors } from './colors/types';
 export type { Type } from './type/types';
 export type { Corners } from './corners/types';

package/dist/types/theme/themes.d.ts

@@ -1,12 +1,12 @@
 import type { Colors, CoreColors } from './colors/types';
 import type { Corners } from './corners/types';
 import type { Type } from './type/types';
-export type MayaTheme = {
+export type SliceTheme = {
     name: string;
     coreColors: CoreColors;
     colors: Colors;
     type: Type;
     corners: Corners;
 };
-export declare const lightTheme: MayaTheme;
-export declare const darkTheme: MayaTheme;
+export declare const lightTheme: SliceTheme;
+export declare const darkTheme: SliceTheme;

package/dist/types/theme/type/type.d.ts

@@ -1,2 +1,5 @@
+import type React from 'react';
 import type { Type } from './types';
 export declare const type: Type;
+export declare const typeCssClasses: Record<keyof Type, string>;
+export declare const typeStyles: Record<keyof Type, React.CSSProperties>;

package/dist/types/uikit/Avatar/_types.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
-export interface AvatarProps {
+export type AvatarBaseProps = {
     size?: number;
     frame?: number;
     first?: string;
@@ -16,4 +16,5 @@ export interface AvatarProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
     tabIndex?: number;
-}
+};
+export type AvatarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof AvatarBaseProps> & AvatarBaseProps;

package/dist/types/uikit/AvatarGroup/_types.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
 export type AvatarInfo = {
     first?: string;
@@ -8,7 +9,7 @@ export type AvatarInfo = {
     color?: string;
     bgColor?: string;
 };
-export interface AvatarGroupProps {
+export type AvatarGroupBaseProps = {
     avatars?: AvatarInfo[] | null;
     size?: number;
     overlap?: number;
@@ -18,4 +19,5 @@ export interface AvatarGroupProps {
     margin?: number;
     firstOnly?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
-}
+};
+export type AvatarGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof AvatarGroupBaseProps> & AvatarGroupBaseProps;

package/dist/types/uikit/Badge/_types.d.ts

@@ -1,5 +1,8 @@
-export interface BadgeProps {
+import type React from 'react';
+type BadgeBaseProps = {
     count?: number | string;
     hideNull?: boolean;
     variant?: 'light' | 'dark';
-}
+};
+export type BadgeProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BadgeBaseProps> & BadgeBaseProps;
+export {};

package/dist/types/uikit/CheckBox/_types.d.ts

@@ -1,8 +1,11 @@
-export interface CheckBoxProps {
+import type React from 'react';
+type CheckBoxBaseProps = {
     size?: number;
     checked?: 'mixed' | boolean;
     disabled?: boolean;
     color?: string;
     label?: string;
     onChange?: (state: boolean) => void;
-}
+};
+export type CheckBoxProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof CheckBoxBaseProps> & CheckBoxBaseProps;
+export {};

package/dist/types/uikit/DivInput/_types.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-export interface DivInputProps {
+type DivInputBaseProps = {
     name?: string;
     onClick?: () => void;
     onDblClick?: () => void;
@@ -18,4 +18,6 @@ export interface DivInputProps {
     padding?: string;
     radius?: number;
     bgColor?: string;
-}
+};
+export type DivInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DivInputBaseProps> & DivInputBaseProps;
+export {};

package/dist/types/uikit/DocIcon/_types.d.ts

@@ -1,4 +1,7 @@
-export interface DocsProps {
+import type React from 'react';
+type DocsBaseProps = {
     type?: 'pdf' | 'docx' | 'text' | 'not supported';
     height?: number;
-}
+};
+export type DocsProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DocsBaseProps> & DocsBaseProps;
+export {};

package/dist/types/uikit/Dot/_types.d.ts

@@ -1,5 +1,6 @@
 import type { Transition, Variants } from 'motion/react';
-export interface DotProps {
+import type React from 'react';
+type DotBaseProps = {
     size?: number;
     topOffset?: number;
     rightOffset?: number;
@@ -9,7 +10,10 @@ export interface DotProps {
     color?: string;
     transition?: Transition;
     motionValues?: Variants;
+    motion?: Variants;
     show?: boolean;
-}
+};
+export type DotProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DotBaseProps> & DotBaseProps;
 export declare const DEFAULT_VARIANTS: Variants;
 export declare const DEFAULT_TRANSITION: Transition;
+export {};

package/dist/types/uikit/DraggablePanel/DrggablePanel.d.ts

@@ -11,7 +11,7 @@ type ResizeHandle = {
     color?: string;
     offsetX?: boolean;
 };
-export interface DraggablePanelProps {
+type DraggablePanelBaseProps = {
     children?: any;
     onResize?: (info: Info) => void;
     onResizeEnd?: (info: Info) => void;
@@ -29,7 +29,8 @@ export interface DraggablePanelProps {
     dragHandleStyle?: DragHandleProps;
     disableOnContext?: boolean;
     isTouchDevice?: boolean;
-}
+};
+export type DraggablePanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DraggablePanelBaseProps> & DraggablePanelBaseProps;
 export declare const DraggablePanel: React.MemoExoticComponent<(props: DraggablePanelProps) => import("react/jsx-runtime").JSX.Element>;
 export type DragHandleProps = {
     width?: number;

package/dist/types/uikit/DropDown/DropDown.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-import type { DropDownProps } from './_types';
+import type { DropDownOption, DropDownProps } from './_types';
+export type { DropDownOption };
 export declare const DropDown: React.MemoExoticComponent<(props: DropDownProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/DropDown/_types.d.ts

@@ -1,9 +1,10 @@
+import type React from 'react';
 export type DropDownOption = {
     label?: string;
     value?: string;
     alt?: string;
 };
-export interface DropDownProps {
+type DropDownBaseProps = {
     name?: string;
     options?: DropDownOption[];
     selectedIndex?: number;
@@ -28,4 +29,6 @@ export interface DropDownProps {
     onBlur?: (value: string) => void;
     onValidate?: (state: boolean) => void;
     onFocus?: () => void;
-}
+};
+export type DropDownProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DropDownBaseProps> & DropDownBaseProps;
+export {};

package/dist/types/uikit/EditorButtonBar/_types.d.ts

@@ -39,7 +39,7 @@ export declare enum FormattingOption {
     copy = "copy",
     link = "link"
 }
-export interface EditorButtonBarProps {
+type EditorButtonBarBaseProps = {
     shortSize?: number;
     mediumSize?: number;
     state?: 'small' | 'medium' | 'regular' | 'auto';
@@ -48,7 +48,8 @@ export interface EditorButtonBarProps {
     disabledFormats?: string[];
     onCommand?: (command: any, e: React.MouseEvent<any> | undefined) => void;
     onToolTip?: (tip: ToolTip | null) => void;
-}
+};
+export type EditorButtonBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof EditorButtonBarBaseProps> & EditorButtonBarBaseProps;
 export interface RenderGroupProps {
     onCommand?: (command: any, e: React.MouseEvent<any>) => void;
     onToolTip?: (tip: ToolTip | null) => void;
@@ -57,3 +58,4 @@ export interface RenderGroupProps {
     disabledFormats?: string[];
     state?: 'regular' | 'small' | 'medium';
 }
+export {};

package/dist/types/uikit/ErrorSummary/ErrorSummary.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-import type { ErrorSummaryProps } from './_types';
+import type { ErrorMessage, ErrorSummaryProps } from './_types';
+export type { ErrorMessage };
 export declare const ErrorSummary: React.MemoExoticComponent<(props: ErrorSummaryProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/ErrorSummary/_types.d.ts

@@ -1,9 +1,12 @@
+import type React from 'react';
 export type ErrorMessage = {
     id?: string;
     title?: string;
     bullets?: string[];
 };
-export interface ErrorSummaryProps {
+type ErrorSummaryBaseProps = {
     entries?: ErrorMessage[];
     errors?: any[];
-}
+};
+export type ErrorSummaryProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ErrorSummaryBaseProps> & ErrorSummaryBaseProps;
+export {};

package/dist/types/uikit/FlexDiv/FlexDiv.d.ts

@@ -1,3 +1,58 @@
 import React from 'react';
-import type { FlexDivProps } from './_types';
-export declare const FlexDiv: React.NamedExoticComponent<FlexDivProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+    className?: string;
+    children?: any;
+    scrollY?: boolean;
+    scrollX?: boolean;
+    absolute?: boolean;
+    background?: string;
+    direction?: "row" | "column";
+    alignItems?: "start" | "center" | "end" | "between";
+    justify?: "start" | "top" | "center" | "end" | "bottom" | "between";
+    width?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    height?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    maxWidth?: number | string;
+    centerSelf?: boolean | string;
+    flex?: number;
+    reverse?: boolean;
+    wrap?: boolean;
+    border?: string;
+    padding?: number | string;
+    margin?: number | string;
+    enter?: any;
+    exit?: any;
+    animate?: any;
+    transition?: import("framer-motion").Transition;
+    variants?: any;
+    gap?: number;
+    scrollHandle?: string;
+    scrollHandleHover?: string;
+}> & {
+    className?: string;
+    children?: any;
+    scrollY?: boolean;
+    scrollX?: boolean;
+    absolute?: boolean;
+    background?: string;
+    direction?: "row" | "column";
+    alignItems?: "start" | "center" | "end" | "between";
+    justify?: "start" | "top" | "center" | "end" | "bottom" | "between";
+    width?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    height?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    maxWidth?: number | string;
+    centerSelf?: boolean | string;
+    flex?: number;
+    reverse?: boolean;
+    wrap?: boolean;
+    border?: string;
+    padding?: number | string;
+    margin?: number | string;
+    enter?: any;
+    exit?: any;
+    animate?: any;
+    transition?: import("framer-motion").Transition;
+    variants?: any;
+    gap?: number;
+    scrollHandle?: string;
+    scrollHandleHover?: string;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/uikit/FlexDiv/_types.d.ts

@@ -1,5 +1,6 @@
 import type { Transition } from 'motion/react';
-export interface FlexDivProps {
+import type React from 'react';
+type FlexDivBaseProps = {
     className?: string;
     children?: any;
     scrollY?: boolean;
@@ -25,4 +26,8 @@ export interface FlexDivProps {
     transition?: Transition;
     variants?: any;
     gap?: number;
-}
+    scrollHandle?: string;
+    scrollHandleHover?: string;
+};
+export type FlexDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FlexDivBaseProps> & FlexDivBaseProps;
+export {};

package/dist/types/uikit/Grouper/_types.d.ts

@@ -1,5 +1,7 @@
-export interface GrouperProps {
+import type React from 'react';
+type GrouperBaseProps = {
     title?: string;
+    variant?: string;
     toggle?: boolean;
     open?: boolean;
     hasIcon?: boolean;
@@ -13,4 +15,6 @@ export interface GrouperProps {
     unframed?: boolean;
     onChange?: (state: boolean) => void;
     onClick?: () => void;
-}
+};
+export type GrouperProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof GrouperBaseProps> & GrouperBaseProps;
+export {};

package/dist/types/uikit/Icon/_types.d.ts

@@ -1,15 +1,17 @@
 import type React from 'react';
-export interface IconProps {
+type IconBaseProps = {
     name?: string;
     size?: number;
     stroke?: number;
     strokeColor?: string;
     fillColor?: string;
+    coverUp?: string;
     toggle?: boolean;
     pointer?: boolean;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<SVGElement, MouseEvent>) => void;
-}
+};
+export type IconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof IconBaseProps> & IconBaseProps;
 export declare enum IconNames {
     home = "home",
     inbox = "inbox",
@@ -37,6 +39,8 @@ export declare enum IconNames {
     download = "download",
     share = "share",
     checkCircle = "check circle",
+    circle = "circle",
+    circleFill = "circle fill",
     person = "person",
     ctrlKey = "ctrl key",
     commandKey = "cmd key",
@@ -100,3 +104,4 @@ export declare enum IconNames {
     taskList = "task list",
     highlight = "highlight"
 }
+export {};

package/dist/types/uikit/Icon/iconRegistry.d.ts

@@ -3,6 +3,7 @@ export interface IconRenderProps {
     stroke: number;
     strokeColor: string;
     fillColor: string;
+    coverUp: string;
 }
 export type IconLineRenderer = (props: IconRenderProps) => JSX.Element;
 export interface IconDefinition {

package/dist/types/uikit/IconButton/_types.d.ts

@@ -1,7 +1,7 @@
 import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
-export interface IconButtonProps {
+type IconButtonBaseProps = {
     frameSize?: number;
     iconSize?: number;
     icon?: string;
@@ -29,4 +29,6 @@ export interface IconButtonProps {
     borderRadius?: number;
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onToolTip?: (tip: ToolTip | null) => void;
-}
+};
+export type IconButtonProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof IconButtonBaseProps> & IconButtonBaseProps;
+export {};

package/dist/types/uikit/Logos/_types.d.ts

@@ -1,5 +1,9 @@
-export interface LogoProps {
-    image?: 'zoom' | 'impossible foods' | 'gong' | 'seattle seahawks' | 'smile' | 'drift' | 'taylor amde' | 'gp' | 'gpmark' | 'envu' | 'pdf' | 'G2Leader' | 'reviews' | 'G2Logo' | 'apple' | 'yahoo' | 'outlook' | 'outlook-com' | 'google' | 'gptype' | 'gpgia' | 'linkedin' | 'stripe' | string;
+import type React from 'react';
+type LogoBaseProps = {
+    image?: 'zoom' | 'impossible foods' | 'gong' | 'seattle seahawks' | 'smile' | 'drift' | 'taylor made' | 'envu' | 'pdf' | 'G2Leader' | 'reviews' | 'G2Logo' | 'apple' | 'yahoo' | 'outlook' | 'outlook-com' | 'google' | 'linkedin' | 'stripe' | 'slice' | 'slice logo';
     color?: string;
-    height?: number;
-}
+    height?: number | string;
+    width?: number | string;
+};
+export type LogoProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof LogoBaseProps> & LogoBaseProps;
+export {};