@fluentui/react-badge 9.0.0-rc.1 → 9.0.0-rc.12

package/lib/components/Badge/Badge.types.d.ts

@@ -1,34 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type BadgeSlots = {
-    root: Slot<'div'>;
-    icon?: Slot<'span'>;
-};
-export declare type BadgeCommons = {
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance: 'filled' | 'ghost' | 'outline' | 'tint';
-    /**
-     * A Badge can be one of preset colors
-     * @defaultvalue brand
-     */
-    color: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
-    /**
-     * A Badge can position the icon before or after the content.
-     * @defaultvalue before
-     */
-    iconPosition: 'before' | 'after';
-    /**
-     * A Badge can be square, circular or rounded.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'rounded' | 'square';
-    /**
-     * A Badge can be on of several preset sizes.
-     * @defaultvalue medium
-     */
-    size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-};
-export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
-export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;

package/lib/components/Badge/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

package/lib/components/Badge/renderBadge.d.ts

@@ -1,2 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;

package/lib/components/Badge/useBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

package/lib/components/Badge/useBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const badgeClassName = "fui-Badge";
-/**
- * Applies style classnames to slots
- */
-export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

package/lib/components/CounterBadge/CounterBadge.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeProps } from './CounterBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
- */
-export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

package/lib/components/CounterBadge/CounterBadge.types.d.ts

@@ -1,41 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-declare type CounterBadgeCommons = {
-    /**
-     * Max number to be displayed
-     * @default 99
-     */
-    overflowCount: number;
-    /**
-     * Value displayed by the Badge
-     * @default 0
-     */
-    count: number;
-    /**
-     * If the badge should be shown when count is 0
-     * @default false
-     */
-    showZero: boolean;
-    /**
-     * If a dot should be displayed without the count
-     * @default false
-     */
-    dot: boolean;
-    /**
-     * A Badge can be circular or rounded
-     * @default circular
-     */
-    shape: 'circular' | 'rounded';
-    /**
-     * A Badge can be filled, ghost
-     * @default filled
-     */
-    appearance: 'filled' | 'ghost';
-    /**
-     * Semantic colors for a counter badge
-     * @default brand
-     */
-    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
-};
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
-export {};

package/lib/components/CounterBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

package/lib/components/CounterBadge/useCounterBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;

package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeState } from './CounterBadge.types';
-export declare const counterBadgeClassName = "fui-CounterBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;

package/lib/components/PresenceBadge/PresenceBadge.d.ts

@@ -1,6 +0,0 @@
-import type { PresenceBadgeProps } from './PresenceBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Badge, using the `useBadge_unstable` hook.
- */
-export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;

package/lib/components/PresenceBadge/PresenceBadge.types.d.ts

@@ -1,19 +0,0 @@
-import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import type { BadgeCommons, BadgeSlots } from '../Badge/Badge.types';
-export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-declare type PresenceBadgeCommons = {
-    /**
-     * Represents several status
-     * @default available
-     */
-    status: PresenceBadgeStatus;
-    /**
-     * Modifies the display to indicate that the user is out of office.
-     * This can be combined with any status to display an out-of-office version of that status
-     * @default false
-     */
-    outOfOffice: boolean;
-} & BadgeCommons;
-export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
-export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
-export {};

package/lib/components/PresenceBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './PresenceBadge';
-export * from './PresenceBadge.types';
-export * from './usePresenceBadge';
-export * from './usePresenceBadgeStyles';

package/lib/components/PresenceBadge/presenceIcons.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;

package/lib/components/PresenceBadge/usePresenceBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const usePresenceBadge_unstable: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>) => PresenceBadgeState;

package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceBadgeClassName = "fui-PresenceBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;

package/lib/index.d.ts

@@ -1,5 +0,0 @@
-export * from './components/Badge/index';
-export * from './Badge';
-export * from './PresenceBadge';
-export * from './components/CounterBadge/index';
-export * from './CounterBadge';

package/lib-commonjs/Badge.d.ts

@@ -1 +0,0 @@
-export * from './components/Badge/index';

package/lib-commonjs/CounterBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/CounterBadge/index';

package/lib-commonjs/PresenceBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/PresenceBadge/index';

package/lib-commonjs/components/Badge/Badge.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeProps } from './Badge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Badge, using the `useBadge_unstable` hook.
- */
-export declare const Badge: ForwardRefComponent<BadgeProps>;

package/lib-commonjs/components/Badge/Badge.types.d.ts

@@ -1,34 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type BadgeSlots = {
-    root: Slot<'div'>;
-    icon?: Slot<'span'>;
-};
-export declare type BadgeCommons = {
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance: 'filled' | 'ghost' | 'outline' | 'tint';
-    /**
-     * A Badge can be one of preset colors
-     * @defaultvalue brand
-     */
-    color: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
-    /**
-     * A Badge can position the icon before or after the content.
-     * @defaultvalue before
-     */
-    iconPosition: 'before' | 'after';
-    /**
-     * A Badge can be square, circular or rounded.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'rounded' | 'square';
-    /**
-     * A Badge can be on of several preset sizes.
-     * @defaultvalue medium
-     */
-    size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-};
-export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
-export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;

package/lib-commonjs/components/Badge/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

package/lib-commonjs/components/Badge/renderBadge.d.ts

@@ -1,2 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;

package/lib-commonjs/components/Badge/useBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

package/lib-commonjs/components/Badge/useBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const badgeClassName = "fui-Badge";
-/**
- * Applies style classnames to slots
- */
-export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeProps } from './CounterBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
- */
-export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts

@@ -1,41 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-declare type CounterBadgeCommons = {
-    /**
-     * Max number to be displayed
-     * @default 99
-     */
-    overflowCount: number;
-    /**
-     * Value displayed by the Badge
-     * @default 0
-     */
-    count: number;
-    /**
-     * If the badge should be shown when count is 0
-     * @default false
-     */
-    showZero: boolean;
-    /**
-     * If a dot should be displayed without the count
-     * @default false
-     */
-    dot: boolean;
-    /**
-     * A Badge can be circular or rounded
-     * @default circular
-     */
-    shape: 'circular' | 'rounded';
-    /**
-     * A Badge can be filled, ghost
-     * @default filled
-     */
-    appearance: 'filled' | 'ghost';
-    /**
-     * Semantic colors for a counter badge
-     * @default brand
-     */
-    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
-};
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
-export {};

package/lib-commonjs/components/CounterBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;

package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeState } from './CounterBadge.types';
-export declare const counterBadgeClassName = "fui-CounterBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;

package/lib-commonjs/components/PresenceBadge/PresenceBadge.d.ts

@@ -1,6 +0,0 @@
-import type { PresenceBadgeProps } from './PresenceBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Badge, using the `useBadge_unstable` hook.
- */
-export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;

package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts

@@ -1,19 +0,0 @@
-import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import type { BadgeCommons, BadgeSlots } from '../Badge/Badge.types';
-export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-declare type PresenceBadgeCommons = {
-    /**
-     * Represents several status
-     * @default available
-     */
-    status: PresenceBadgeStatus;
-    /**
-     * Modifies the display to indicate that the user is out of office.
-     * This can be combined with any status to display an out-of-office version of that status
-     * @default false
-     */
-    outOfOffice: boolean;
-} & BadgeCommons;
-export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
-export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
-export {};

package/lib-commonjs/components/PresenceBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './PresenceBadge';
-export * from './PresenceBadge.types';
-export * from './usePresenceBadge';
-export * from './usePresenceBadgeStyles';

package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;

package/lib-commonjs/components/PresenceBadge/usePresenceBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const usePresenceBadge_unstable: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>) => PresenceBadgeState;

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceBadgeClassName = "fui-PresenceBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;

package/lib-commonjs/index.d.ts

@@ -1,5 +0,0 @@
-export * from './components/Badge/index';
-export * from './Badge';
-export * from './PresenceBadge';
-export * from './components/CounterBadge/index';
-export * from './CounterBadge';