@mackin.com/styleguide 10.0.0 → 10.0.1

package/index.d.ts

@@ -234,8 +234,6 @@ declare const Header: (props: {
     className?: string;
     leftElements?: JSX.Element;
     rightElements?: JSX.Element;
-    /** @deprecated Elements will appear in the center of the header and slightly below. */
-    centerOffsetElements?: JSX.Element;
     noMenu?: boolean;
     /** Will fill the title center aligned with wrapping. */
     fillTitle?: boolean;
@@ -264,13 +262,15 @@ interface ImageProps extends Omit<React.DetailedHTMLProps<React.ImgHTMLAttribute
 }
 declare const Image: React.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
 
+type InfoPanelVariant = 'info' | 'warning' | 'error' | 'negative' | 'positive';
+type InfoPanelTag = 'p' | 'div';
 declare const InfoPanel: (props: {
     children: React.ReactNode;
-    variant?: 'info' | 'warning' | 'error' | 'negative' | 'positive';
+    variant?: InfoPanelVariant;
     className?: string;
     style?: React.CSSProperties;
     /** Defaults to 'p'. */
-    tag?: 'p' | 'div';
+    tag?: InfoPanelTag;
 }) => React.JSX.Element;
 
 interface InfoTipProps {
@@ -423,9 +423,6 @@ declare const Nav: (props: {
     toggle: (show: boolean) => void;
     id?: string;
     children?: React.ReactNode;
-    /** @deprecated Going foward, implement the nav visibility based on screen size in the consuming application.
-     * If true, the nav and backdrop will hide when the screen is larger.  Defaults to `theme.breakpoints.desktop`. */
-    responsive?: boolean;
     className?: string;
     /** Duration of the slide animation in ms.  Defaults to `theme.timings.nav.slideMs`. */
     slideMs?: number;
@@ -452,10 +449,6 @@ interface PagedResultDto<T> {
 /** A page of data with helpers props.  */
 declare class PagedResult<T> {
     constructor(items?: T[], total?: number, page?: number, limit?: number);
-    /** @deprecated Use fromPagedResultDto going forward. */
-    static fromDto<T>(dto: {
-        [key: string]: any;
-    }): PagedResult<T>;
     static fromPagedResultDto<TDto, TDomain>(dto: PagedResultDto<TDto>, convert?: (dto: TDto) => TDomain): PagedResult<TDomain>;
     total: number;
     /** The zero-based page index. */
@@ -706,7 +699,7 @@ declare const SearchBox: React.ForwardRefExoticComponent<Omit<SearchBoxProps, "r
 
 type Alignment = 'left' | 'right' | 'center';
 
-declare const GlobalStyles: (p: {}) => null;
+declare const GlobalStyles: () => null;
 
 interface MackinTheme {
     colors: {
@@ -715,8 +708,6 @@ interface MackinTheme {
         primary2: string;
         primary2Font: string;
         secondary: string;
-        /** @deprecated Bad name.  Use 'secondaryFont'. */
-        secondary2Font: string;
         secondaryFont: string;
         info: string;
         infoFont: string;
@@ -895,7 +886,7 @@ declare const TabHeader: (p: TabHeaderProps) => React.JSX.Element;
 
 declare const Table: (props: {
     caption?: string | JSX.Element;
-    children?: any;
+    children?: React.ReactNode;
     noCellBorder?: boolean;
     /** Styles applied to the table element. */
     className?: string;
@@ -906,17 +897,17 @@ declare const Table: (props: {
 }) => React.JSX.Element;
 declare const Tr: (props: {
     className?: string;
-    children?: any;
+    children?: React.ReactNode;
 }) => React.JSX.Element;
 declare const Th: (props: {
-    children?: any;
+    children?: React.ReactNode;
     align?: Alignment;
     width?: string;
     style?: React.CSSProperties;
     className?: string;
 }) => React.JSX.Element;
 declare const Td: (props: {
-    children?: any;
+    children?: React.ReactNode;
     align?: Alignment;
     style?: React.CSSProperties;
     colSpan?: number;
@@ -950,7 +941,7 @@ declare const TabLocker: (props: {
 
 type SupportedTags = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'div';
 interface TextProps {
-    children: any;
+    children: React.ReactNode;
     /** Defaults to 'p'. */
     tag?: SupportedTags;
     align?: Alignment;
@@ -997,10 +988,6 @@ type ToggleButtonVariant = 'primary' | 'secondary' | 'omg' | 'primary2' | 'posit
 type PartialButtonProps = Omit<ButtonProps, 'variant' | 'rightIcon' | 'leftIcon' | 'children'>;
 interface ToggleButtonProps extends PartialButtonProps {
     checked: boolean;
-    /** @deprecated Use 'checkedChildren' */
-    checkedText?: string;
-    /** @deprecated Use 'uncheckedChildren' */
-    uncheckedText?: string;
     checkedChildren?: React.ReactNode;
     uncheckedChildren?: React.ReactNode;
     variant?: ToggleButtonVariant;
@@ -1047,17 +1034,15 @@ declare const WaitingIndicator: (p: {
 declare const useScrollbarSize: (recalc?: boolean) => number;
 
 /** Provides stateful notifications around async calls. */
-declare const useWaiting: <TArgs extends any[], TReturn>(func: (...args: TArgs) => Promise<TReturn>) => [boolean, (...args: TArgs) => Promise<TReturn>];
+declare const useWaiting: <TArgs extends unknown[], TReturn>(func: (...args: TArgs) => Promise<TReturn>) => [boolean, (...args: TArgs) => Promise<TReturn>];
 
 /** useEffect but it will only fire when the actual truthiness of the value changes.
  * Use for comparing previous states to next states without all the bullshit around useEffect and component mounting.
 */
 declare const useBooleanChanged: (effect: (current: boolean, previous: boolean) => void, dep: boolean | undefined) => void;
 
-interface NormalizeCssProps {
-}
 /** Resets certain styles so there is more consistancy between browsers. */
-declare const NormalizeCss: (p: NormalizeCssProps) => null;
+declare const NormalizeCss: () => null;
 
 /** Displays the value in American dollars. */
 declare const getCurrencyDisplay: (value: number, isCents?: boolean, denomination?: string) => string;