@livetiles/reach-plugin-types 0.5.0-preview.979 → 0.5.0-preview.980

package/lib/index.d.ts

@@ -6153,86 +6153,6 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton" {
     }
     export const ContentActionButton: import("react").ForwardRefExoticComponent<ContentActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 }
-declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
-    import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
-    const variantMapping: {
-        readonly body1: "span";
-        readonly body2: "span";
-        readonly buttonLabel1: "span";
-        readonly buttonLabel2: "span";
-        readonly caption1: "span";
-        readonly caption2: "span";
-        readonly h1: "h1";
-        readonly h2: "h2";
-        readonly h3: "h3";
-        readonly h4: "h4";
-        readonly inherit: "span";
-        readonly subtitle1: "span";
-        readonly subtitle2: "span";
-    };
-    export interface ITypographyProps<T extends ElementType = typeof variantMapping['body1']> {
-        /**
-         * Set the text alignment.
-         * @default 'inherit'
-         */
-        align?: 'center' | 'justify' | 'left' | 'right';
-        /**
-         * The HTML element to use as the container for the text (overrides the variant default HTML element).
-         * @default undefined
-         */
-        as?: T;
-        /**
-         * Set the font decoration/style.
-         * @default undefined
-         */
-        decoration?: 'line-through' | 'underline';
-        /**
-         * Whether text should be italic
-         * @default false
-         */
-        italic?: boolean;
-        /**
-         * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-         *
-         * Note that text overflow can only happen with block or inline-block level elements
-         * (the element needs to have a width in order to overflow).
-         * @default false
-         */
-        noWrap?: boolean;
-        /**
-         * Set the typography variant.
-         * @default 'body1'
-         */
-        variant?: keyof typeof variantMapping;
-        /**
-         * Set the font weight.
-         * @default 'normal'
-         */
-        weight?: 'bold' | 'normal' | 'semibold';
-    }
-    type TTypographyOverridenProps<T extends ElementType> = PropsWithChildren<ITypographyProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ITypographyProps<T>>;
-    const Typography: <T extends ElementType<any> = "span">(props: TTypographyOverridenProps<T>) => JSX.Element;
-    export default Typography;
-}
-declare module "libs/reach/ui/common/src/reach-2/buttons/FlexButton" {
-    import { FC, MouseEvent, SVGProps } from 'react';
-    import { ITypographyProps } from "libs/reach/ui/common/src/reach-2/typography/Typography";
-    export type FlexButtonDirectionType = 'column' | 'column-reverse' | 'row' | 'row-reverse';
-    export interface FlexButtonProps {
-        className?: string;
-        defaultSVG: SVGProps<SVGElement>;
-        disabled?: boolean;
-        flexDirection?: FlexButtonDirectionType;
-        gap?: number;
-        hoveredSVG?: SVGProps<SVGElement>;
-        iconSize?: number;
-        label?: string | number;
-        typography?: ITypographyProps['variant'];
-        onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    }
-    const FlexButton: FC<FlexButtonProps>;
-    export default FlexButton;
-}
 declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
     import { FC, MouseEventHandler, SVGProps } from 'react';
     export type FloatingButtonSizeType = 'Large' | 'Small';
@@ -6247,14 +6167,6 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
     const FloatingButton: FC<FloatingButtonProps>;
     export default FloatingButton;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/IconNavLink" {
-    import { FC, MouseEvent } from 'react';
-    import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
-    export const IconNavLink: FC<IconProps & {
-        to: string;
-        onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
-    }>;
-}
 declare module "libs/reach/ui/common/src/reach-2/avatar/Avatar" {
     import { FC } from 'react';
     export enum AvatarSize {
@@ -6333,10 +6245,8 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
     export * from "libs/reach/ui/common/src/reach-2/buttons/BackButton";
     export { BaseButtonStyle } from "libs/reach/ui/common/src/reach-2/buttons/BaseButton";
     export * from "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton";
-    export { default as FlexButton } from "libs/reach/ui/common/src/reach-2/buttons/FlexButton";
     export { default as FloatingButton } from "libs/reach/ui/common/src/reach-2/buttons/FloatingButton";
     export { default as IconButton2 } from "libs/reach/ui/common/src/reach-2/buttons/IconButton";
-    export * from "libs/reach/ui/common/src/reach-2/buttons/IconNavLink";
     export { default as ProfileButton } from "libs/reach/ui/common/src/reach-2/buttons/ProfileButton";
     export * from "libs/reach/ui/common/src/reach-2/buttons/StandardButtons";
 }
@@ -6375,6 +6285,67 @@ declare module "libs/reach/ui/common/src/reach-2/inputs/OTPInput" {
 declare module "libs/reach/ui/common/src/reach-2/inputs/index" {
     export { default as OTPInput } from "libs/reach/ui/common/src/reach-2/inputs/OTPInput";
 }
+declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
+    import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
+    const variantMapping: {
+        readonly body1: "span";
+        readonly body2: "span";
+        readonly buttonLabel1: "span";
+        readonly buttonLabel2: "span";
+        readonly caption1: "span";
+        readonly caption2: "span";
+        readonly h1: "h1";
+        readonly h2: "h2";
+        readonly h3: "h3";
+        readonly h4: "h4";
+        readonly inherit: "span";
+        readonly subtitle1: "span";
+        readonly subtitle2: "span";
+    };
+    export interface ITypographyProps<T extends ElementType = typeof variantMapping['body1']> {
+        /**
+         * Set the text alignment.
+         * @default 'inherit'
+         */
+        align?: 'center' | 'justify' | 'left' | 'right';
+        /**
+         * The HTML element to use as the container for the text (overrides the variant default HTML element).
+         * @default undefined
+         */
+        as?: T;
+        /**
+         * Set the font decoration/style.
+         * @default undefined
+         */
+        decoration?: 'line-through' | 'underline';
+        /**
+         * Whether text should be italic
+         * @default false
+         */
+        italic?: boolean;
+        /**
+         * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+         *
+         * Note that text overflow can only happen with block or inline-block level elements
+         * (the element needs to have a width in order to overflow).
+         * @default false
+         */
+        noWrap?: boolean;
+        /**
+         * Set the typography variant.
+         * @default 'body1'
+         */
+        variant?: keyof typeof variantMapping;
+        /**
+         * Set the font weight.
+         * @default 'normal'
+         */
+        weight?: 'bold' | 'normal' | 'semibold';
+    }
+    type TTypographyOverridenProps<T extends ElementType> = PropsWithChildren<ITypographyProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ITypographyProps<T>>;
+    const Typography: <T extends ElementType<any> = "span">(props: TTypographyOverridenProps<T>) => JSX.Element;
+    export default Typography;
+}
 declare module "libs/reach/ui/common/src/reach-2/lists/MenuItem" {
     import { FC, MouseEvent, SVGProps } from 'react';
     export interface MenuItemProps {
@@ -11494,7 +11465,7 @@ declare module "libs/reach/feature/content/src/reach-2/buttons/ButtonWithMenu" {
     export interface ButtonWithMenuProps {
         align?: BasePopoverAlignType;
         alignOffset?: number;
-        button: (onClick: () => void) => JSX.Element;
+        button: (onClick: () => void, isOpen: boolean) => JSX.Element;
         className?: string;
         children: ReactNode | ((dismissPopover: () => void) => ReactNode);
         drawerHeight?: number;

package/package.json

@@ -4,6 +4,6 @@
   "main": "",
   "types": "./index.d.ts",
   "license": "ISC",
-  "version": "0.5.0-preview.979",
+  "version": "0.5.0-preview.980",
   "dependencies": {}
 }