@charcoal-ui/react 2.0.1 → 2.2.0

package/dist/_lib/compat.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-/**
- * import { Story } from '@storybook/react/types-6-0'
- *
- * をするとstyled-componentsが壊れるので代替品を作った
- *
- * エラー:
- * node_modules/@types/styled-components/ts3.7/index.d.ts
- * `Type alias 'Interpolation' circularly references itself. ts(2456)`
- */
-export declare type Story<P> = React.ComponentType<P> & {
-    args?: P;
-};
+import React from 'react';
+/**
+ * import { Story } from '@storybook/react/types-6-0'
+ *
+ * をするとstyled-componentsが壊れるので代替品を作った
+ *
+ * エラー:
+ * node_modules/@types/styled-components/ts3.7/index.d.ts
+ * `Type alias 'Interpolation' circularly references itself. ts(2456)`
+ */
+export declare type Story<P> = React.ComponentType<P> & {
+    args?: P;
+};
 //# sourceMappingURL=compat.d.ts.map

package/dist/_lib/index.d.ts

@@ -1,26 +1,26 @@
-/**
- * 今後ポートされる予定の汎用的な関数群
- */
-/**
- * Function used to assert a given code path is unreachable
- */
-export declare function unreachable(): never;
-/**
- * Function used to assert a given code path is unreachable.
- * Very useful for ensuring switches are exhaustive:
- *
- * ```ts
- * switch (a.type) {
- *   case Types.A:
- *   case Types.B:
- *     break
- *   default:
- *     unreachable(a) // will cause a build error if there was
- *                    // a Types.C that was not checked
- * }
- * ```
- *
- * @param value Value to be asserted as unreachable
- */
-export declare function unreachable(value: never): never;
+/**
+ * 今後ポートされる予定の汎用的な関数群
+ */
+/**
+ * Function used to assert a given code path is unreachable
+ */
+export declare function unreachable(): never;
+/**
+ * Function used to assert a given code path is unreachable.
+ * Very useful for ensuring switches are exhaustive:
+ *
+ * ```ts
+ * switch (a.type) {
+ *   case Types.A:
+ *   case Types.B:
+ *     break
+ *   default:
+ *     unreachable(a) // will cause a build error if there was
+ *                    // a Types.C that was not checked
+ * }
+ * ```
+ *
+ * @param value Value to be asserted as unreachable
+ */
+export declare function unreachable(value: never): never;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,22 +1,22 @@
-import React from 'react';
-import { ClickableElement, ClickableProps } from '../Clickable';
-declare type Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation';
-declare type Size = 'S' | 'M';
-interface StyledProps {
-    /**
-     * ボタンのスタイル
-     */
-    variant: Variant;
-    /**
-     * ボタンのサイズ
-     */
-    size: Size;
-    /**
-     * 幅を最大まで広げて描画
-     */
-    fixed: boolean;
-}
-export declare type ButtonProps = Partial<StyledProps> & ClickableProps;
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
-export default Button;
+import React from 'react';
+import { ClickableElement, ClickableProps } from '../Clickable';
+declare type Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation';
+declare type Size = 'S' | 'M';
+interface StyledProps {
+    /**
+     * ボタンのスタイル
+     */
+    variant: Variant;
+    /**
+     * ボタンのサイズ
+     */
+    size: Size;
+    /**
+     * 幅を最大まで広げて描画
+     */
+    fixed: boolean;
+}
+export declare type ButtonProps = Partial<StyledProps> & ClickableProps;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
+export default Button;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.story.d.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import { Story } from '../../_lib/compat';
-import { ClickableElement } from '../Clickable';
-import { ButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
-    argTypes: {
-        variant: {
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        size: {
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<ButtonProps>;
-export declare const Primary: Story<ButtonProps>;
-export declare const Navigation: Story<ButtonProps>;
-export declare const Overlay: Story<ButtonProps>;
-export declare const Danger: Story<ButtonProps>;
-export declare const Small: Story<ButtonProps>;
-export declare const Fixed: Story<ButtonProps>;
-export declare const Disabled: Story<ButtonProps>;
-export declare const Link: Story<ButtonProps>;
-export declare const Nihongo: Story<ButtonProps>;
-export declare const Focus: Story<ButtonProps>;
-export declare const LayoutExample: (args: ButtonProps) => JSX.Element;
+import React from 'react';
+import { Story } from '../../_lib/compat';
+import { ClickableElement } from '../Clickable';
+import { ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
+    argTypes: {
+        variant: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        size: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<ButtonProps>;
+export declare const Primary: Story<ButtonProps>;
+export declare const Navigation: Story<ButtonProps>;
+export declare const Overlay: Story<ButtonProps>;
+export declare const Danger: Story<ButtonProps>;
+export declare const Small: Story<ButtonProps>;
+export declare const Fixed: Story<ButtonProps>;
+export declare const Disabled: Story<ButtonProps>;
+export declare const Link: Story<ButtonProps>;
+export declare const Nihongo: Story<ButtonProps>;
+export declare const Focus: Story<ButtonProps>;
+export declare const LayoutExample: (args: ButtonProps) => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/Checkbox/index.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-declare type CheckboxLabelProps = {
-    children: React.ReactNode;
-} | {
-    label: string;
-};
-export declare type CheckboxProps = CheckboxLabelProps & {
-    readonly id?: string;
-    readonly name?: string;
-    readonly checked?: boolean;
-    readonly defaultChecked?: boolean;
-    readonly disabled?: boolean;
-    readonly readonly?: boolean;
-    readonly onClick?: () => void;
-    readonly onChange?: (isSelected: boolean) => void;
-    readonly onBlur?: () => void;
-    readonly onFocus?: () => void;
-};
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
+import React from 'react';
+declare type CheckboxLabelProps = {
+    children: React.ReactNode;
+} | {
+    label: string;
+};
+export declare type CheckboxProps = CheckboxLabelProps & {
+    readonly id?: string;
+    readonly name?: string;
+    readonly checked?: boolean;
+    readonly defaultChecked?: boolean;
+    readonly disabled?: boolean;
+    readonly readonly?: boolean;
+    readonly onClick?: () => void;
+    readonly onChange?: (isSelected: boolean) => void;
+    readonly onBlur?: () => void;
+    readonly onFocus?: () => void;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/index.story.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { Story } from '../../_lib/compat';
-declare const _default: {
-    title: string;
-    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import(".").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
-};
-export default _default;
-declare type Props = {
-    checked: boolean;
-    defaultChecked: boolean;
-    disabled: boolean;
-    readonly: boolean;
-};
-export declare const Labelled: Story<Props>;
-export declare const Unlabelled: Story<Props>;
+import React from 'react';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import(".").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+declare type Props = {
+    checked: boolean;
+    defaultChecked: boolean;
+    disabled: boolean;
+    readonly: boolean;
+};
+export declare const Labelled: Story<Props>;
+export declare const Unlabelled: Story<Props>;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/Clickable/index.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { LinkProps } from '../../core/ComponentAbstraction';
-interface BaseProps {
-    /**
-     * クリックの無効化
-     */
-    disabled?: boolean;
-}
-interface LinkBaseProps {
-    /**
-     * リンクのURL。指定するとbuttonタグではなくaタグとして描画される
-     */
-    to: string;
-}
-export declare type ClickableProps = (BaseProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled'>) | (BaseProps & LinkBaseProps & Omit<LinkProps, 'to'>);
-export declare type ClickableElement = HTMLButtonElement & HTMLAnchorElement;
-declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<ClickableElement>>;
-export default Clickable;
+import React from 'react';
+import { LinkProps } from '../../core/ComponentAbstraction';
+interface BaseProps {
+    /**
+     * クリックの無効化
+     */
+    disabled?: boolean;
+}
+interface LinkBaseProps {
+    /**
+     * リンクのURL。指定するとbuttonタグではなくaタグとして描画される
+     */
+    to: string;
+}
+export declare type ClickableProps = (BaseProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled'>) | (BaseProps & LinkBaseProps & Omit<LinkProps, 'to'>);
+export declare type ClickableElement = HTMLButtonElement & HTMLAnchorElement;
+declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<ClickableElement>>;
+export default Clickable;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Clickable/index.story.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import(".").ClickableProps & React.RefAttributes<import(".").ClickableElement>>;
-};
-export default _default;
-export declare const Button: () => JSX.Element;
-export declare const Link: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import(".").ClickableProps & React.RefAttributes<import(".").ClickableElement>>;
+};
+export default _default;
+export declare const Button: () => JSX.Element;
+export declare const Link: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/DropdownSelector/Listbox.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ListProps, ListState } from 'react-stately';
-declare type ListMode = 'default' | 'separator';
-export declare type ListboxProps<T> = Omit<ListProps<T>, 'children'> & {
-    state: ListState<T>;
-    mode?: ListMode;
-};
-declare const _default: React.MemoExoticComponent<(<T>({ state, mode, ...props }: ListboxProps<T>) => JSX.Element)>;
-export default _default;
+import React from 'react';
+import { ListProps, ListState } from 'react-stately';
+declare type ListMode = 'default' | 'separator';
+export declare type ListboxProps<T> = Omit<ListProps<T>, 'children'> & {
+    state: ListState<T>;
+    mode?: ListMode;
+};
+declare const _default: React.MemoExoticComponent<(<T>({ state, mode, ...props }: ListboxProps<T>) => JSX.Element)>;
+export default _default;
 //# sourceMappingURL=Listbox.d.ts.map

package/dist/components/DropdownSelector/Popover.d.ts

@@ -1,10 +1,10 @@
-import React, { PropsWithChildren, CSSProperties } from 'react';
-declare type Props = PropsWithChildren<{
-    open?: boolean;
-    onClose?: () => void;
-    style?: CSSProperties;
-    className?: string;
-}>;
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import React, { PropsWithChildren, CSSProperties } from 'react';
+declare type Props = PropsWithChildren<{
+    open?: boolean;
+    onClose?: () => void;
+    style?: CSSProperties;
+    className?: string;
+}>;
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;
 //# sourceMappingURL=Popover.d.ts.map

package/dist/components/DropdownSelector/index.d.ts

@@ -1,32 +1,32 @@
-import { Key } from 'react';
-import { ListboxProps } from './Listbox';
-import type { CollectionBase } from '@react-types/shared';
-import type { ReactNode } from 'react';
-declare type LabelProps = {
-    readonly showLabel?: boolean;
-    readonly label: string;
-    readonly subLabel?: ReactNode;
-    readonly requiredText?: string;
-};
-declare type Empty = Record<string, unknown>;
-export declare type DropdownSelectorProps<T extends Empty = Empty> = LabelProps & Readonly<CollectionBase<T>> & {
-    readonly id?: string;
-    readonly name?: string;
-    readonly autoComplete?: string;
-    readonly placeholder?: string;
-    readonly className?: string;
-    readonly disabled?: boolean;
-    readonly required?: boolean;
-    readonly invalid?: boolean;
-    readonly assertiveText?: string;
-    readonly value?: Key;
-    readonly defaultValue?: Key;
-    readonly open?: boolean;
-    readonly onOpenChange?: (isOpen?: boolean) => void;
-    readonly onChange?: (key: Key) => void;
-    readonly mode?: ListboxProps<T>['mode'];
-};
-declare const DropdownSelector: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
-export default DropdownSelector;
-export declare const DropdownSelectorItem: <T>(props: import("react-stately").ItemProps<T>) => JSX.Element;
+import { Key } from 'react';
+import { ListboxProps } from './Listbox';
+import type { CollectionBase } from '@react-types/shared';
+import type { ReactNode } from 'react';
+declare type LabelProps = {
+    readonly showLabel?: boolean;
+    readonly label: string;
+    readonly subLabel?: ReactNode;
+    readonly requiredText?: string;
+};
+declare type Empty = Record<string, unknown>;
+export declare type DropdownSelectorProps<T extends Empty = Empty> = LabelProps & Readonly<CollectionBase<T>> & {
+    readonly id?: string;
+    readonly name?: string;
+    readonly autoComplete?: string;
+    readonly placeholder?: string;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
+    readonly invalid?: boolean;
+    readonly assertiveText?: string;
+    readonly value?: Key;
+    readonly defaultValue?: Key;
+    readonly open?: boolean;
+    readonly onOpenChange?: (isOpen?: boolean) => void;
+    readonly onChange?: (key: Key) => void;
+    readonly mode?: ListboxProps<T>['mode'];
+};
+declare const DropdownSelector: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
+export default DropdownSelector;
+export declare const DropdownSelectorItem: <T>(props: import("react-stately").ItemProps<T>) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DropdownSelector/index.story.d.ts

@@ -1,22 +1,22 @@
-import { DropdownSelectorProps } from '.';
-import { Story } from '../../_lib/compat';
-declare const _default: {
-    title: string;
-    component: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
-};
-export default _default;
-declare type Props = Omit<DropdownSelectorProps, 'subLabel' | 'children' | 'onOpenChange'>;
-export declare const Default: Story<Props>;
-declare type HasLabelProps = {
-    disabled?: boolean;
-};
-export declare const HasLabel: Story<HasLabelProps>;
-declare type WithSeparatorProps = {
-    mode: 'default' | 'separator';
-};
-export declare const WithSeparator: Story<WithSeparatorProps>;
-declare type InvalidProps = {
-    disabled?: boolean;
-};
-export declare const Invalid: Story<InvalidProps>;
+import { DropdownSelectorProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
+};
+export default _default;
+declare type Props = Omit<DropdownSelectorProps, 'subLabel' | 'children' | 'onOpenChange'>;
+export declare const Default: Story<Props>;
+declare type HasLabelProps = {
+    disabled?: boolean;
+};
+export declare const HasLabel: Story<HasLabelProps>;
+declare type WithSeparatorProps = {
+    mode: 'default' | 'separator';
+};
+export declare const WithSeparator: Story<WithSeparatorProps>;
+declare type InvalidProps = {
+    disabled?: boolean;
+};
+export declare const Invalid: Story<InvalidProps>;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/FieldLabel/index.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    readonly className?: string;
-    readonly label: string;
-    readonly subLabel?: React.ReactNode;
-    readonly required?: boolean;
-    readonly requiredText?: string;
-}
-declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
-export default FieldLabel;
+import React from 'react';
+export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    readonly className?: string;
+    readonly label: string;
+    readonly subLabel?: React.ReactNode;
+    readonly required?: boolean;
+    readonly requiredText?: string;
+}
+declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export default FieldLabel;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import '@charcoal-ui/icons';
-import type { PixivIcon, Props } from '@charcoal-ui/icons';
-export interface OwnProps {
-    unsafeNonGuidelineScale?: number;
-    className?: string;
-}
-export interface IconProps extends OwnProps, React.PropsWithoutRef<Omit<Props, 'class' | 'unsafe-non-guideline-scale' | 'css'>> {
-}
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<PixivIcon>>;
-export default Icon;
+import React from 'react';
+import '@charcoal-ui/icons';
+import type { PixivIcon, Props } from '@charcoal-ui/icons';
+export interface OwnProps {
+    unsafeNonGuidelineScale?: number;
+    className?: string;
+}
+export interface IconProps extends OwnProps, React.PropsWithoutRef<Omit<Props, 'class' | 'unsafe-non-guideline-scale' | 'css'>> {
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<PixivIcon>>;
+export default Icon;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.story.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { IconProps } from '.';
-import { Story } from '../../_lib/compat';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<import("@charcoal-ui/icons").PixivIcon>>;
-    argTypes: {
-        name: {
-            control: {
-                type: string;
-                options: ("16/Add" | "16/ArrowDown" | "16/Artwork" | "16/Back" | "16/Book" | "16/BookmarkOff" | "16/BookmarkOn" | "16/Check" | "16/Comment" | "16/Dot" | "16/Error" | "16/Filter" | "16/ImageResponse" | "16/Info" | "16/Like" | "16/Menu" | "16/More" | "16/Pencil" | "16/Question" | "16/Ranking" | "16/Remove" | "16/Search" | "16/Smile" | "16/Speaker" | "16/View" | "24/Add" | "24/AddImage" | "24/AddModel" | "24/AddPeople" | "24/AddRubi" | "24/AddText" | "24/Alart" | "24/Announcement" | "24/Ar" | "24/Archive" | "24/ArrowDown" | "24/ArrowUp" | "24/Binet" | "24/Body" | "24/BodyEdit" | "24/Book" | "24/BringBackward" | "24/BringForward" | "24/Calendar" | "24/Camera" | "24/CameraVideo" | "24/ChangeCharactor" | "24/ChatBot" | "24/Check" | "24/ChromaticAberration" | "24/Close" | "24/Codes" | "24/Collapse" | "24/CommentFill" | "24/CommentOutline" | "24/Contest" | "24/Contrast" | "24/Description" | "24/DeviceRotation" | "24/Discovery" | "24/Dot" | "24/DotAlt" | "24/Down" | "24/DownloadAlt" | "24/Duplicate" | "24/Dust" | "24/Emoji" | "24/Error" | "24/ErrorOctagon" | "24/Events" | "24/Expand" | "24/FaceEdit" | "24/Fashion" | "24/Feed" | "24/File" | "24/Filter" | "24/Flare" | "24/FormatAlignCenter" | "24/FormatAlignLeft" | "24/FormatAlignRight" | "24/FormatColorFill" | "24/FormatColorFillNoColor" | "24/FormatFontFamily" | "24/FormatFontSize" | "24/FormatLetterSpacing" | "24/FormatLineSpacing" | "24/Fov" | "24/FrameEffect" | "24/FrameSize" | "24/Gift" | "24/Glow" | "24/Groups" | "24/HairEdit" | "24/Hashtag" | "24/Hide" | "24/Home" | "24/Hue" | "24/Idea" | "24/Image" | "24/ImageAlt" | "24/ImageHidden" | "24/ImageReplace" | "24/Images" | "24/ImgContain" | "24/ImgCover" | "24/Index" | "24/Info" | "24/Invalid" | "24/Invoice" | "24/ItemRemove" | "24/LatestWorks" | "24/LikeOff" | "24/LikeOn" | "24/Link" | "24/LockLock" | "24/LockUnlock" | "24/Logout" | "24/Manga" | "24/Menu" | "24/Message" | "24/Microphone" | "24/MobilePhone" | "24/Move1" | "24/Next" | "24/NoImage" | "24/Notification" | "24/NotificationOff" | "24/Novels" | "24/OpenInNew" | "24/Options" | "24/OptionsAlt" | "24/Overlay" | "24/Palette" | "24/Pause" | "24/PauseAlt" | "24/Pencil" | "24/PencilDraw" | "24/PencilLive" | "24/PencilText" | "24/Person" | "24/Play" | "24/Pose" | "24/Prev" | "24/Projects" | "24/PullDown" | "24/PullUp" | "24/Question" | "24/QuestionOutline" | "24/Ranking" | "24/ReadHorizontalLeft" | "24/ReadHorizontalRight" | "24/ReadVertical" | "24/Reload" | "24/ReloadLoop" | "24/Reorder" | "24/Roll" | "24/Rotate90DegreesC" | "24/Rotate90DegreesCc" | "24/RotateRight" | "24/Saturation" | "24/Save" | "24/Search" | "24/Send" | "24/Services" | "24/Set" | "24/Settings" | "24/ShareAndroid" | "24/ShareIos" | "24/Shopping" | "24/Show" | "24/ShowOutline" | "24/Shutter" | "24/Star" | "24/Subtract" | "24/Sun" | "24/Temperature" | "24/Text" | "24/Trash" | "24/TrashAlt" | "24/Up" | "24/Upload" | "24/UploadAlt" | "24/Usagi" | "24/UsagiAlt" | "24/Users" | "24/Video" | "24/ViewGrid2Columns" | "24/ViewGrid3Columns" | "24/ViewList" | "24/Warning" | "32/BookmarkOff" | "32/BookmarkOn" | "32/Camera" | "32/Close" | "32/Collapse" | "32/CommentOff" | "32/CommentOn" | "32/Delete" | "32/Dot" | "32/Edit" | "32/Expand" | "32/Gift" | "32/Home" | "32/HorizontalWriting" | "32/Index" | "32/LikeOff" | "32/LikeOn" | "32/LikeOnPrivate" | "32/Message" | "32/Next" | "32/Notification" | "32/NotificationOff" | "32/NovelViewerSettings" | "32/Pan" | "32/Prev" | "32/PullDown" | "32/PullUp" | "32/RollHorizontal" | "32/RollVertical" | "32/SansSerif" | "32/Serif" | "32/ShareAndroid" | "32/ShareIos" | "32/Shopping" | "32/Upload" | "32/User" | "32/VerticalWriting" | "32/ZoomIn" | "Inline/Add" | "Inline/BookmarkOff" | "Inline/BookmarkOn" | "Inline/Breadcrumbs" | "Inline/Check" | "Inline/Comment" | "Inline/ContextMenu" | "Inline/External" | "Inline/Filter" | "Inline/Folder" | "Inline/ImageResponse" | "Inline/Images" | "Inline/Like" | "Inline/LikeOff" | "Inline/List" | "Inline/Location" | "Inline/Lock" | "Inline/More" | "Inline/Nextworks" | "Inline/OpenInNew" | "Inline/Pencil" | "Inline/Remove" | "Inline/Smile" | "Inline/SmileOn" | "Inline/Users" | "Inline/View" | "Inline/ViewOutline")[];
-            };
-        };
-        scale: {
-            control: {
-                type: string;
-                options: number[];
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IconProps>;
+import React from 'react';
+import { IconProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<import("@charcoal-ui/icons").PixivIcon>>;
+    argTypes: {
+        name: {
+            control: {
+                type: string;
+                options: ("16/Add" | "16/ArrowDown" | "16/Artwork" | "16/Back" | "16/Book" | "16/BookmarkOff" | "16/BookmarkOn" | "16/Check" | "16/Comment" | "16/Dot" | "16/Error" | "16/Filter" | "16/ImageResponse" | "16/Info" | "16/Like" | "16/Menu" | "16/More" | "16/Pencil" | "16/Question" | "16/Ranking" | "16/Remove" | "16/Search" | "16/Smile" | "16/Speaker" | "16/View" | "24/Add" | "24/AddImage" | "24/AddModel" | "24/AddPeople" | "24/AddRubi" | "24/AddText" | "24/Alart" | "24/Announcement" | "24/Ar" | "24/Archive" | "24/ArrowDown" | "24/ArrowUp" | "24/Binet" | "24/Body" | "24/BodyEdit" | "24/Book" | "24/BringBackward" | "24/BringForward" | "24/Calendar" | "24/Camera" | "24/CameraVideo" | "24/ChangeCharactor" | "24/ChatBot" | "24/Check" | "24/ChromaticAberration" | "24/Close" | "24/Codes" | "24/Collapse" | "24/CommentFill" | "24/CommentOutline" | "24/Contest" | "24/Contrast" | "24/Description" | "24/DeviceRotation" | "24/Discovery" | "24/Dot" | "24/DotAlt" | "24/Down" | "24/DownloadAlt" | "24/Duplicate" | "24/Dust" | "24/Emoji" | "24/Error" | "24/ErrorOctagon" | "24/Events" | "24/Expand" | "24/FaceEdit" | "24/Fashion" | "24/Feed" | "24/File" | "24/Filter" | "24/Flare" | "24/FormatAlignCenter" | "24/FormatAlignLeft" | "24/FormatAlignRight" | "24/FormatColorFill" | "24/FormatColorFillNoColor" | "24/FormatFontFamily" | "24/FormatFontSize" | "24/FormatLetterSpacing" | "24/FormatLineSpacing" | "24/Fov" | "24/FrameEffect" | "24/FrameSize" | "24/Gift" | "24/Glow" | "24/Groups" | "24/HairEdit" | "24/Hashtag" | "24/Hide" | "24/Home" | "24/Hue" | "24/Idea" | "24/Image" | "24/ImageAlt" | "24/ImageHidden" | "24/ImageReplace" | "24/Images" | "24/ImgContain" | "24/ImgCover" | "24/Index" | "24/Info" | "24/Invalid" | "24/Invoice" | "24/ItemRemove" | "24/LatestWorks" | "24/LikeOff" | "24/LikeOn" | "24/Link" | "24/LockLock" | "24/LockUnlock" | "24/Logout" | "24/Manga" | "24/Menu" | "24/Message" | "24/Microphone" | "24/MobilePhone" | "24/Move1" | "24/Next" | "24/NoImage" | "24/Notification" | "24/NotificationOff" | "24/Novels" | "24/OpenInNew" | "24/Options" | "24/OptionsAlt" | "24/Overlay" | "24/Palette" | "24/Pause" | "24/PauseAlt" | "24/Pencil" | "24/PencilDraw" | "24/PencilLive" | "24/PencilText" | "24/Person" | "24/Play" | "24/Pose" | "24/Prev" | "24/Projects" | "24/PullDown" | "24/PullUp" | "24/Question" | "24/QuestionOutline" | "24/Ranking" | "24/ReadHorizontalLeft" | "24/ReadHorizontalRight" | "24/ReadVertical" | "24/Reload" | "24/ReloadLoop" | "24/Reorder" | "24/Roll" | "24/Rotate90DegreesC" | "24/Rotate90DegreesCc" | "24/RotateRight" | "24/Saturation" | "24/Save" | "24/Search" | "24/Send" | "24/Services" | "24/Set" | "24/Settings" | "24/ShareAndroid" | "24/ShareIos" | "24/Shopping" | "24/Show" | "24/ShowOutline" | "24/Shutter" | "24/Star" | "24/Subtract" | "24/Sun" | "24/Temperature" | "24/Text" | "24/Trash" | "24/TrashAlt" | "24/Up" | "24/Upload" | "24/UploadAlt" | "24/Usagi" | "24/UsagiAlt" | "24/Users" | "24/Video" | "24/ViewGrid2Columns" | "24/ViewGrid3Columns" | "24/ViewList" | "24/Warning" | "32/BookmarkOff" | "32/BookmarkOn" | "32/Camera" | "32/Close" | "32/Collapse" | "32/CommentOff" | "32/CommentOn" | "32/Delete" | "32/Dot" | "32/Edit" | "32/Expand" | "32/Gift" | "32/Home" | "32/HorizontalWriting" | "32/Index" | "32/LikeOff" | "32/LikeOn" | "32/LikeOnPrivate" | "32/Message" | "32/Next" | "32/Notification" | "32/NotificationOff" | "32/NovelViewerSettings" | "32/Pan" | "32/Prev" | "32/PullDown" | "32/PullUp" | "32/RollHorizontal" | "32/RollVertical" | "32/SansSerif" | "32/Serif" | "32/ShareAndroid" | "32/ShareIos" | "32/Shopping" | "32/Upload" | "32/User" | "32/VerticalWriting" | "32/ZoomIn" | "Inline/Add" | "Inline/BookmarkOff" | "Inline/BookmarkOn" | "Inline/Breadcrumbs" | "Inline/Check" | "Inline/Comment" | "Inline/ContextMenu" | "Inline/External" | "Inline/Filter" | "Inline/Folder" | "Inline/ImageResponse" | "Inline/Images" | "Inline/Like" | "Inline/LikeOff" | "Inline/List" | "Inline/Location" | "Inline/Lock" | "Inline/More" | "Inline/Nextworks" | "Inline/OpenInNew" | "Inline/Pencil" | "Inline/Remove" | "Inline/Smile" | "Inline/SmileOn" | "Inline/Users" | "Inline/View" | "Inline/ViewOutline")[];
+            };
+        };
+        scale: {
+            control: {
+                type: string;
+                options: number[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IconProps>;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/IconButton/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { ClickableElement, ClickableProps } from '../Clickable';
-import type { KnownIconType } from '@charcoal-ui/icons';
-declare type Variant = 'Default' | 'Overlay';
-declare type Size = 'XS' | 'S' | 'M';
-interface StyledProps {
-    readonly variant?: Variant;
-    readonly size?: Size;
-    readonly icon: keyof KnownIconType;
-}
-export declare type IconButtonProps = StyledProps & ClickableProps;
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<ClickableElement>>;
-export default IconButton;
+import React from 'react';
+import { ClickableElement, ClickableProps } from '../Clickable';
+import type { KnownIconType } from '@charcoal-ui/icons';
+declare type Variant = 'Default' | 'Overlay';
+declare type Size = 'XS' | 'S' | 'M';
+interface StyledProps {
+    readonly variant?: Variant;
+    readonly size?: Size;
+    readonly icon: keyof KnownIconType;
+}
+export declare type IconButtonProps = StyledProps & ClickableProps;
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<ClickableElement>>;
+export default IconButton;
 //# sourceMappingURL=index.d.ts.map