@livetiles/reach-plugin-types 0.5.0-preview.950 → 0.5.0-preview.951

package/lib/index.d.ts

@@ -3191,12 +3191,18 @@ declare module "libs/reach/util/common/src/theme/theme2/typography" {
             readonly fontSize: "14px";
             readonly lineHeight: "14px";
         };
-        readonly caption: {
+        readonly caption1: {
             readonly fontFamily: "Mulish, Arial, sans-serif !important";
             readonly fontSize: "12px";
             readonly letterSpacing: "0.18px";
             readonly lineHeight: "14px";
         };
+        readonly caption2: {
+            readonly fontFamily: "Mulish, Arial, sans-serif !important";
+            readonly fontSize: "10px";
+            readonly letterSpacing: "0.18px";
+            readonly lineHeight: "12px";
+        };
         readonly h1: {
             readonly fontFamily: "Anybody, Arial, sans-serif !important";
             readonly fontSize: "32px";
@@ -3374,12 +3380,18 @@ declare module "libs/reach/util/common/src/theme/theme2/index" {
                 readonly fontSize: "14px";
                 readonly lineHeight: "14px";
             };
-            readonly caption: {
+            readonly caption1: {
                 readonly fontFamily: "Mulish, Arial, sans-serif !important";
                 readonly fontSize: "12px";
                 readonly letterSpacing: "0.18px";
                 readonly lineHeight: "14px";
             };
+            readonly caption2: {
+                readonly fontFamily: "Mulish, Arial, sans-serif !important";
+                readonly fontSize: "10px";
+                readonly letterSpacing: "0.18px";
+                readonly lineHeight: "12px";
+            };
             readonly h1: {
                 readonly fontFamily: "Anybody, Arial, sans-serif !important";
                 readonly fontSize: "32px";
@@ -3575,12 +3587,18 @@ declare module "libs/reach/util/common/src/theme/ThemeService" {
                     readonly fontSize: "14px";
                     readonly lineHeight: "14px";
                 };
-                readonly caption: {
+                readonly caption1: {
                     readonly fontFamily: "Mulish, Arial, sans-serif !important";
                     readonly fontSize: "12px";
                     readonly letterSpacing: "0.18px";
                     readonly lineHeight: "14px";
                 };
+                readonly caption2: {
+                    readonly fontFamily: "Mulish, Arial, sans-serif !important";
+                    readonly fontSize: "10px";
+                    readonly letterSpacing: "0.18px";
+                    readonly lineHeight: "12px";
+                };
                 readonly h1: {
                     readonly fontFamily: "Anybody, Arial, sans-serif !important";
                     readonly fontSize: "32px";
@@ -5951,6 +5969,7 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as ManageContentIcon } from './assets/manageContent.svg';
     export { ReactComponent as MentionActiveIcon } from './assets/mention-active.svg';
     export { ReactComponent as MentionIcon } from './assets/mention.svg';
+    export { ReactComponent as MenuActiveIcon } from './assets/menu-active.svg';
     export { ReactComponent as MenuIcon } from './assets/menu.svg';
     export { ReactComponent as MenuDotsIcon } from './assets/menuDots.svg';
     export { ReactComponent as MessagingActiveIcon } from './assets/messaging-active.svg';
@@ -6045,11 +6064,11 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/IconActionButton" {
     import { MouseEventHandler, SVGProps } from 'react';
     import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
     export interface IconActionButtonProps extends Omit<IconProps, 'size'> {
-        secondarySVG?: SVGProps<SVGElement>;
-        iconSize?: number;
-        onClick: MouseEventHandler<HTMLButtonElement>;
         disabled?: boolean;
         domIdentifier?: string;
+        iconSize?: number;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+        secondarySVG?: SVGProps<SVGElement>;
     }
     export const IconActionButton: import("react").ForwardRefExoticComponent<IconActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 }
@@ -6112,15 +6131,76 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingActionButton" {
     const FloatingActionButton: FC<FloatingActionButtonProps>;
     export default FloatingActionButton;
 }
+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/ProfileButton" {
     import { FC } from 'react';
     import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/index";
-    const ProfileButton: FC<{
+    interface IProfileButtonProps {
         className?: string;
-        labelDirection?: 'left' | 'right';
         showLabel?: boolean;
         size?: AvatarSize;
-    }>;
+    }
+    const ProfileButton: FC<IProfileButtonProps>;
     export default ProfileButton;
 }
 declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
@@ -6311,66 +6391,6 @@ declare module "libs/reach/ui/common/src/reach-2/TextField" {
     const TextField: FC<ITextFieldProps>;
     export default TextField;
 }
-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 caption: "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/utils" {
     export function getNormalizedPercentageBasedOnDeviceHeight(heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number): number;
     export function useNormalizedBreakpointValuesBasedOnDeviceHeight(heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number): {

package/package.json

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