@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/types/components/AlphaStack/AlphaStack.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { AlphaStackProps } from './AlphaStack.types';
+/**
+ * `AlphaStack` provides an abstraction of **flex layout** so that
+ * rendering of child elements **linearly** can be done
+ * with simplified options.
+ *
+ * `AlphaStack` always fills the parent element.
+ *
+ * Be reminded that the first depth children element of AlphaStack would be StackItem that is adjusted by flex layout
+ *
+ * @example
+ *
+ * ```tsx
+ * <AlphaStack direction="horizontal" spacing={8}>
+ *  <div>{ ... }</div>
+ *  <div>{ ... }</div>
+ * </AlphaStack>
+ * ```
+ */
+export declare const AlphaStack: React.ForwardRefExoticComponent<AlphaStackProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=AlphaStack.d.ts.map

package/dist/types/components/AlphaStack/AlphaStack.styled.d.ts

@@ -0,0 +1,8 @@
+import type { AlphaStackProps } from './AlphaStack.types';
+interface ContainerProps extends Required<Pick<AlphaStackProps, 'interpolation' | 'direction' | 'justify' | 'align' | 'spacing'>> {
+}
+export declare const Container: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & ContainerProps, never>;
+export {};
+//# sourceMappingURL=AlphaStack.styled.d.ts.map

package/dist/types/components/AlphaStack/AlphaStack.types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { BezierComponentProps, ChildrenProps } from "../../types/ComponentProps";
+import type { AxisAlignment } from "../Stack/types";
+interface AlphaStackOptions {
+    /**
+     * Direction of this stack.
+     */
+    direction: 'horizontal' | 'vertical';
+    /**
+     * Determines the default aligning of children along the main axis.
+     *
+     * @default start
+     */
+    justify?: AxisAlignment;
+    /**
+     * Determines the default aligning of children along the cross axis.
+     *
+     * @default stretch
+     */
+    align?: AxisAlignment;
+    /**
+     * Default spacing between children, in pixels.
+     *
+     * @remarks
+     * `spacing` could be enumerated in later design, if bezier design system
+     * decides to define a guideline for linear layout.
+     *
+     * @default 0
+     */
+    spacing?: number;
+}
+export interface AlphaStackProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLElement>, AlphaStackOptions {
+}
+export {};
+//# sourceMappingURL=AlphaStack.types.d.ts.map

package/dist/types/components/AlphaStack/index.d.ts

@@ -0,0 +1,3 @@
+export { AlphaStack } from './AlphaStack';
+export type { AlphaStackProps } from './AlphaStack.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/AutoFocus/AutoFocus.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type AutoFocusProps } from './AutoFocus.types';
+/**
+ * `AutoFocus` is a component that automatically focuses its child element when they are added to the document.
+ * It is useful when you want to focus on a specific element when the component is mounted.
+ * It doesn't render any DOM node.
+ *
+ * @example
+ *
+ * ```tsx
+ * <AutoFocus>
+ *   <button>Close</button>
+ * </AutoFocus>
+ *
+ * // You can also use it with the additional condition
+ * <AutoFocus when={condition}>
+ *   <button>Close</button>
+ * </AutoFocus>
+ * ```
+ */
+export declare const AutoFocus: React.ForwardRefExoticComponent<AutoFocusProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=AutoFocus.d.ts.map

package/dist/types/components/AutoFocus/AutoFocus.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type ChildrenProps } from "../../types/ComponentProps";
+interface AutoFocusOptions {
+    /**
+     * Focuses on the child element when this property is true.
+     * @default true
+     */
+    when?: boolean;
+}
+export interface AutoFocusProps extends ChildrenProps, React.HTMLAttributes<HTMLElement>, AutoFocusOptions {
+}
+export {};
+//# sourceMappingURL=AutoFocus.types.d.ts.map

package/dist/types/components/AutoFocus/index.d.ts

@@ -0,0 +1,3 @@
+export { AutoFocus } from './AutoFocus';
+export { type AutoFocusProps } from './AutoFocus.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatars/Avatar/Avatar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type AvatarProps from './Avatar.types';
+export declare const AVATAR_WRAPPER_TEST_ID = "bezier-react-avatar-wrapper";
+export declare const AVATAR_TEST_ID = "bezier-react-avatar";
+export declare const STATUS_WRAPPER_TEST_ID = "bezier-react-status-wrapper";
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/components/Avatars/Avatar/Avatar.styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { InterpolationProps } from "../../../types/Foundation";
+export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & InterpolationProps, never>;
+export declare const AvatarImage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../AlphaSmoothCornersBox").AlphaSmoothCornersBoxProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const StatusWrapper: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+//# sourceMappingURL=Avatar.styled.d.ts.map

package/dist/types/components/Avatars/Avatar/Avatar.types.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import type { BezierComponentProps, ChildrenProps, DisableProps, SizeProps } from "../../../types/ComponentProps";
+import { type StatusType } from "../../Status";
+export declare enum AvatarSize {
+    Size20 = 20,
+    Size24 = 24,
+    Size30 = 30,
+    Size36 = 36,
+    Size42 = 42,
+    Size48 = 48,
+    Size72 = 72,
+    Size90 = 90,
+    Size120 = 120
+}
+interface AvatarOptions {
+    /**
+     * Semantic name of the avatar.
+     */
+    name: string;
+    /**
+     * Asset image URL of the avatar.
+     * @default ''
+     */
+    avatarUrl?: string;
+    /**
+     * Fallback image URL for the avatar.
+     * @default DEFAULT_AVATAR_URL
+     */
+    fallbackUrl?: string;
+    /**
+     * Additional status type for this avatar.
+     * Typically, this is used to indicate the status of the user (online, offline, etc).
+     *
+     * If additional customization of the status component is needed,
+     * pass the custom status component as `children` of the Avatar component.
+     */
+    status?: StatusType;
+    /**
+     * Whether to display the border of the avatar.
+     * @default false
+     */
+    showBorder?: boolean;
+    /**
+     * Whether to use the smooth corners feature.
+     * Overrides whether the smooth corners feature is applied when it is enabled.
+     * @default true
+     */
+    smoothCorners?: boolean;
+}
+export default interface AvatarProps extends BezierComponentProps, ChildrenProps, SizeProps<AvatarSize>, DisableProps, React.HTMLAttributes<HTMLDivElement>, AvatarOptions {
+}
+export {};
+//# sourceMappingURL=Avatar.types.d.ts.map

package/dist/types/components/Avatars/Avatar/index.d.ts

@@ -0,0 +1,6 @@
+import { Avatar } from './Avatar';
+import { AvatarSize } from './Avatar.types';
+import type AvatarProps from './Avatar.types';
+export type { AvatarProps, };
+export { Avatar, AvatarSize, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatars/Avatar/useProgressiveImage.d.ts

@@ -0,0 +1,8 @@
+export interface CachedImage {
+    src: string;
+    isLoaded: boolean;
+}
+type ImageCacheMap = Map<string, CachedImage>;
+export default function useProgressiveImage(src: string, defaultSrc: string, imageCache?: ImageCacheMap): string;
+export {};
+//# sourceMappingURL=useProgressiveImage.d.ts.map

package/dist/types/components/Avatars/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type AvatarGroupProps } from './AvatarGroup.types';
+export declare const AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID = "bezier-react-avatar-group-ellipsis-icon";
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/types/components/Avatars/AvatarGroup/AvatarGroup.styled.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type InterpolationProps } from "../../../types/Foundation";
+export declare const AvatarEllipsisCount: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const AvatarGroup: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const AvatarEllipsisIconWrapper: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & InterpolationProps, never>;
+export declare const AvatarEllipsisCountWrapper: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const AvatarEllipsisIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../AlphaSmoothCornersBox").AlphaSmoothCornersBoxProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+//# sourceMappingURL=AvatarGroup.styled.d.ts.map

package/dist/types/components/Avatars/AvatarGroup/AvatarGroup.types.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import type { AdditionalStylableProps, BezierComponentProps, ChildrenProps, SizeProps } from "../../../types/ComponentProps";
+import { type AvatarSize } from "../Avatar";
+export declare enum AvatarGroupEllipsisType {
+    Icon = "Icon",
+    Count = "Count"
+}
+type MouseEventHandler = React.MouseEventHandler<HTMLDivElement>;
+interface AvatarGroupOptions {
+    /**
+     * Maximum number of avatars to display.
+     *
+     * If the number of avatars exceeds this number, ellipsis will be displayed.
+     */
+    max: number;
+    /**
+     * Spacing between the avatars.
+     *
+     * @note Spacing could be negative, which will make the avatars overlap each other.
+     *
+     * @default 4
+     */
+    spacing?: number;
+    /**
+     * Controls how the ellipsis is displayed.
+     *
+     * @default AvatarGroupEllipsisType.Icon
+     */
+    ellipsisType?: AvatarGroupEllipsisType;
+    /**
+     * Handler to be called when the mouse enters the ellipsis area.
+     */
+    onMouseEnterEllipsis?: MouseEventHandler;
+    /**
+     * Handler to be called when the mouse leaves the ellipsis area.
+     */
+    onMouseLeaveEllipsis?: MouseEventHandler;
+}
+export interface AvatarGroupProps extends BezierComponentProps, ChildrenProps, SizeProps<AvatarSize>, AdditionalStylableProps<'ellipsis'>, React.HTMLAttributes<HTMLDivElement>, AvatarGroupOptions {
+}
+export {};
+//# sourceMappingURL=AvatarGroup.types.d.ts.map

package/dist/types/components/Avatars/AvatarGroup/__mocks__/avatarList.d.ts

@@ -0,0 +1,7 @@
+declare const MOCK_AVATAR_LIST: {
+    id: number;
+    avatarUrl: string;
+    name: string;
+}[];
+export default MOCK_AVATAR_LIST;
+//# sourceMappingURL=avatarList.d.ts.map

package/dist/types/components/Avatars/AvatarGroup/__mocks__/avatarList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatars/AvatarGroup/__mocks__/avatarList.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB;;;;GAoCrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/components/Avatars/AvatarGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { AvatarGroup } from './AvatarGroup';
+export { AvatarGroupEllipsisType, type AvatarGroupProps } from './AvatarGroup.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatars/AvatarStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const AVATAR_BORDER_RADIUS_PERCENTAGE = 42;
+export declare const AVATAR_GROUP_DEFAULT_SPACING = 4;
+//# sourceMappingURL=AvatarStyle.d.ts.map

package/dist/types/components/Avatars/CheckableAvatar/CheckableAvatar.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { CheckableAvatarProps } from './CheckableAvatar.types';
+/**
+ * `CheckableAvatar` is a checkbox component that looks like `Avatar`.
+ *
+ * @example
+ *
+ * ```tsx
+ * const [checked, setChecked] = useState(false)
+ * // Controlled
+ * <CheckableAvatar
+ *   name="John Doe"
+ *   avatarUrl="..."
+ *   checked={checked}
+ *   onCheckedChange={setChecked}
+ * />
+ * // Uncontrolled
+ * <CheckableAvatar
+ *   name="John Doe"
+ *   avatarUrl="..."
+ *   defaultChecked
+ * />
+ * ```
+ */
+export declare const CheckableAvatar: React.ForwardRefExoticComponent<CheckableAvatarProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=CheckableAvatar.d.ts.map

package/dist/types/components/Avatars/CheckableAvatar/CheckableAvatar.styled.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+export declare const Avatar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Avatar").AvatarProps & import("react").RefAttributes<HTMLDivElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const CheckIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../../Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & {
+    source: import("@channel.io/bezier-icons").BezierIcon;
+    color: "bgtxt-absolute-white-normal";
+}, "source" | "color">;
+/**
+ * NOTE: Using the `!important` keyword to override a local CSS variable of `AlphaSmoothCorners`.
+ * Improvements are needed to the styling when using the `AlphaSmoothCorners` component.
+ */
+export declare const CheckboxPrimitiveRoot: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+//# sourceMappingURL=CheckableAvatar.styled.d.ts.map

package/dist/types/components/Avatars/CheckableAvatar/CheckableAvatar.types.d.ts

@@ -0,0 +1,32 @@
+import type React from 'react';
+import type { AvatarProps } from "../Avatar";
+interface CheckableAvatarPropsOptions {
+    /**
+     * The controlled checked state of the checkbox.
+     * Must be used in conjunction with `onCheckedChange`.
+     */
+    checked?: boolean;
+    /**
+     * The checked state of the checkbox when it is initially rendered.
+     * Use when you do not need to control its checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The unique id of the checkbox. It is created automatically by default.
+     * It used by the label element in the checkbox.
+     */
+    id?: string;
+    /**
+     * The value given as data when submitted with a name.
+     * @default 'on'
+     */
+    value?: string;
+    /**
+     * Event handler called when the checked state of the checkbox changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+}
+export interface CheckableAvatarProps extends Omit<AvatarProps, 'as' | keyof React.HTMLAttributes<HTMLDivElement>>, React.HTMLAttributes<HTMLButtonElement>, CheckableAvatarPropsOptions {
+}
+export {};
+//# sourceMappingURL=CheckableAvatar.types.d.ts.map

package/dist/types/components/Avatars/CheckableAvatar/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckableAvatar } from './CheckableAvatar';
+export type { CheckableAvatarProps } from './CheckableAvatar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Banner/Banner.const.d.ts

@@ -0,0 +1,12 @@
+import { type SemanticNames } from "../../foundation";
+import type { InjectedInterpolation } from "../../types/Foundation";
+import { ButtonColorVariant } from "../Button";
+import { BannerVariant } from './Banner.types';
+export declare const BACKGROUND_COLORS: Record<BannerVariant, SemanticNames>;
+export declare const DEFAULT_ICON_COLORS: Record<BannerVariant, SemanticNames>;
+export declare const ACTION_BUTTON_COLOR_VARIANTS: Record<BannerVariant, ButtonColorVariant>;
+export declare const TEXT_COLORS: Record<BannerVariant, SemanticNames>;
+export declare const ELEVATIONS: {
+    [key in BannerVariant]?: InjectedInterpolation;
+};
+//# sourceMappingURL=Banner.const.d.ts.map

package/dist/types/components/Banner/Banner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type BannerProps } from './Banner.types';
+export declare const BANNER_LINK_TEST_ID = "bezier-react-banner-link";
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/types/components/Banner/Banner.styled.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { VariantProps } from "../../types/ComponentProps";
+import type { BannerVariant } from './Banner.types';
+declare const _default: {
+    BannerIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("../LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("../../foundation").Foundation, {
+        foundation?: import("../../foundation").Foundation | undefined;
+    }, never>;
+    ContentWrapper: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+        foundation?: import("../../foundation").Foundation | undefined;
+    } & Required<VariantProps<BannerVariant>>, never>;
+    Link: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
+        foundation?: import("../../foundation").Foundation | undefined;
+    }, never>;
+    Stack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Stack").HStackProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
+        foundation?: import("../../foundation").Foundation | undefined;
+    } & Required<VariantProps<BannerVariant>>, never>;
+    StackItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Stack").StackItemProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
+        foundation?: import("../../foundation").Foundation | undefined;
+    }, never>;
+};
+export default _default;
+//# sourceMappingURL=Banner.styled.d.ts.map

package/dist/types/components/Banner/Banner.types.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode } from 'react';
+import { type IconName } from '@channel.io/bezier-icons';
+import type { AdditionalColorProps, BezierComponentProps, ContentProps, VariantProps } from "../../types/ComponentProps";
+import type { ButtonProps } from "../Button";
+export declare enum BannerVariant {
+    Default = "default",
+    Blue = "blue",
+    Cobalt = "cobalt",
+    Green = "green",
+    Orange = "orange",
+    Red = "red",
+    Alt = "alt"
+}
+export type RenderLinkFunc = (props: {
+    content: ReactNode;
+    linkTo?: string;
+}) => JSX.Element;
+interface BannerOptions {
+    /**
+     * The name of icon to display at the top left of the banner.
+     *
+     * If `null` is given, no icon will be displayed.
+     */
+    icon: IconName | null;
+    /**
+     * Whether to display link at the end of banner content.
+     *
+     * @default false
+     */
+    hasLink?: boolean;
+    /**
+     * The link content.
+     *
+     * This will be displayed as bold, underline text at the end of content.
+     *
+     * @remarks
+     * `hasLink` props should be given `true` to enable the link.
+     */
+    linkText?: string;
+    /**
+     * The location (href) of the link.
+     *
+     * By default, the link will be opened in a new tab. (`target="_blank"`)
+     * To specify a different behavior, use `renderLink` prop to render the link as a custom component.
+     *
+     * @remarks
+     * `hasLink` props should be given `true` to enable the link.
+     */
+    linkTo?: string;
+    /**
+     * Specifies how to render the link.
+     *
+     * @default
+     * renders link as an `<a>` tag with `target="_blank"` attribute.
+     */
+    renderLink?: RenderLinkFunc;
+    /**
+     * Specifies which icon button to display at the top right of the banner.
+     *
+     * FIXME(@ed): 새로운 아이콘 방식으로 변경
+     */
+    actionIcon?: IconName;
+    /**
+     * Handler to be executed when the action icon button is clicked.
+     */
+    onClickAction?: ButtonProps['onClick'];
+}
+export interface BannerProps extends BezierComponentProps, VariantProps<BannerVariant>, ContentProps<string | ReactNode>, AdditionalColorProps<'icon'>, BannerOptions {
+}
+export {};
+//# sourceMappingURL=Banner.types.d.ts.map

package/dist/types/components/Banner/index.d.ts

@@ -0,0 +1,4 @@
+export { Banner } from './Banner';
+export { BannerVariant } from './Banner.types';
+export type { BannerProps } from './Banner.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type ButtonProps from './Button.types';
+export declare const BUTTON_TEST_ID = "bezier-react-button";
+export declare const BUTTON_INNER_CONTENT_TEST_ID = "bezier-react-button-inner-content";
+export declare const BUTTON_TEXT_TEST_ID = "bezier-react-button-text";
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.styled.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import type ButtonProps from './Button.types';
+import { ButtonColorVariant, ButtonSize, ButtonStyleVariant } from './Button.types';
+export declare const TEXT_PADDING_VALUE: Record<ButtonSize, number>;
+type ButtonPaddingVariantKey = 'default' | 'floating';
+export declare const BUTTON_HORIZONTAL_PADDING_VALUE: Record<ButtonSize, Record<ButtonPaddingVariantKey, number>>;
+interface ButtonContentsProps {
+    visible?: boolean;
+    buttonSize: ButtonSize;
+}
+export declare const ButtonContents: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & ButtonContentsProps, never>;
+export declare const ButtonLoader: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+interface ButtonWrapperProps extends Pick<ButtonProps, 'as' | 'interpolation' | 'disabled' | 'active' | 'text'> {
+    size: ButtonSize;
+    styleVariant: ButtonStyleVariant;
+    colorVariant: ButtonColorVariant;
+}
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & ButtonWrapperProps, never>;
+interface ContentTextProps {
+    buttonSize: ButtonSize;
+}
+export declare const ContentText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & ContentTextProps, never>;
+export {};
+//# sourceMappingURL=Button.styled.d.ts.map