@charcoal-ui/react 2.0.0 → 2.1.0

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

@@ -1,20 +1,20 @@
-import React from 'react';
-declare type SegmentedControlItem = {
-    label: React.ReactNode;
-    value: string;
-    disabled?: boolean;
-};
-export declare type SegmentedControlProps = {
-    readonly id?: string;
-    readonly name?: string;
-    readonly disabled?: boolean;
-    readonly readonly?: boolean;
-    readonly required?: boolean;
-    readonly value?: string;
-    readonly defaultValue?: string;
-    readonly data: string[] | SegmentedControlItem[];
-    readonly onChange?: (value: string) => void;
-};
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>>;
-export default _default;
+import React from 'react';
+declare type SegmentedControlItem = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+export declare type SegmentedControlProps = {
+    readonly id?: string;
+    readonly name?: string;
+    readonly disabled?: boolean;
+    readonly readonly?: boolean;
+    readonly required?: boolean;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly data: string[] | SegmentedControlItem[];
+    readonly onChange?: (value: string) => void;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { SegmentedControlProps } from '.';
-import { Story } from '../../_lib/compat';
-declare const _default: {
-    title: string;
-    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>>;
-};
-export default _default;
-export declare const StringSegments: Story<SegmentedControlProps>;
-export declare const ObjectSegments: Story<SegmentedControlProps>;
+import React from 'react';
+import { SegmentedControlProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>>;
+};
+export default _default;
+export declare const StringSegments: Story<SegmentedControlProps>;
+export declare const ObjectSegments: Story<SegmentedControlProps>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1,16 +1,16 @@
-import React from 'react';
-export declare type SwitchProps = {
-    name: string;
-    className?: string;
-    value?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange(checked: boolean): void;
-} & (// children か label は片方が必須
-{
-    children: React.ReactNode;
-} | {
-    label: string;
-});
-export default function SwitchCheckbox(props: SwitchProps): JSX.Element;
+import React from 'react';
+export declare type SwitchProps = {
+    name: string;
+    className?: string;
+    value?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange(checked: boolean): void;
+} & (// children か label は片方が必須
+{
+    children: React.ReactNode;
+} | {
+    label: string;
+});
+export default function SwitchCheckbox(props: SwitchProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,14 +1,14 @@
-import { Story } from '../../_lib/compat';
-import Switch from '.';
-declare const _default: {
-    title: string;
-    component: typeof Switch;
-};
-export default _default;
-interface Props {
-    checked: boolean;
-    disabled: boolean;
-}
-export declare const Labelled: Story<Props>;
-export declare const Unlabelled: Story<Props>;
+import { Story } from '../../_lib/compat';
+import Switch from '.';
+declare const _default: {
+    title: string;
+    component: typeof Switch;
+};
+export default _default;
+interface Props {
+    checked: boolean;
+    disabled: boolean;
+}
+export declare const Labelled: Story<Props>;
+export declare const Unlabelled: Story<Props>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1,25 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+declare const sizeMap: {
+    S: number;
+    M: number;
+};
+export declare type TagItemProps = {
+    label: string;
+    translatedLabel?: string;
+    bgColor?: string;
+    bgImage?: string;
+    status?: 'default' | 'active' | 'inactive';
+    size?: keyof typeof sizeMap;
+    disabled?: boolean;
+} & Pick<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel' | 'onClick'>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    label: string;
+    translatedLabel?: string | undefined;
+    bgColor?: string | undefined;
+    bgImage?: string | undefined;
+    status?: "default" | "active" | "inactive" | undefined;
+    size?: "S" | "M" | undefined;
+    disabled?: boolean | undefined;
+} & Pick<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href" | "rel" | "target" | "onClick"> & React.RefAttributes<HTMLAnchorElement>>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TagItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,wBAAwB,EACzB,MAAM,OAAO,CAAA;AAQd,QAAA,MAAM,OAAO;;;CAGZ,CAAA;AAED,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAA;;;;;;;;;;AAuD9E,wBAA4B"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TagItemProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+        label: string;
+        translatedLabel?: string | undefined;
+        bgColor?: string | undefined;
+        bgImage?: string | undefined;
+        status?: "default" | "active" | "inactive" | undefined;
+        size?: "S" | "M" | undefined;
+        disabled?: boolean | undefined;
+    } & Pick<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href" | "rel" | "target" | "onClick"> & React.RefAttributes<HTMLAnchorElement>>>;
+    argTypes: {
+        bgColor: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<TagItemProps>;
+export declare const Playground: Story<TagItemProps>;
+//# sourceMappingURL=index.story.d.ts.map

package/dist/components/TagItem/index.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAgB,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;AAEzC,wBAUC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,YAAY,CAEvC,CAAA;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,YAAY,CA4I1C,CAAA"}

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

@@ -1,44 +1,44 @@
-import React, { ReactNode } from 'react';
-import { FieldLabelProps } from '../FieldLabel';
-interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'> {
-    readonly className?: string;
-    readonly defaultValue?: string;
-    readonly value?: string;
-    readonly onChange?: (value: string) => void;
-    readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
-    readonly onFocus?: (event: React.FocusEvent<Element>) => void;
-    readonly onBlur?: (event: React.FocusEvent<Element>) => void;
-    readonly showCount?: boolean;
-    readonly showLabel?: boolean;
-    readonly placeholder?: string;
-    readonly assistiveText?: string;
-    readonly disabled?: boolean;
-    readonly required?: boolean;
-    readonly invalid?: boolean;
-    readonly maxLength?: number;
-    /**
-     * tab-indexがｰ1かどうか
-     */
-    readonly excludeFromTabOrder?: boolean;
-}
-export interface SingleLineTextFieldProps extends TextFieldBaseProps {
-    readonly autoHeight?: never;
-    readonly multiline?: false;
-    readonly rows?: never;
-    readonly type?: string;
-    readonly prefix?: ReactNode;
-    readonly suffix?: ReactNode;
-}
-export interface MultiLineTextFieldProps extends TextFieldBaseProps {
-    readonly autoHeight?: boolean;
-    readonly multiline: true;
-    readonly rows?: number;
-    readonly type?: never;
-    readonly prefix?: never;
-    readonly suffix?: never;
-}
-export declare type TextFieldProps = SingleLineTextFieldProps | MultiLineTextFieldProps;
-declare type TextFieldElement = HTMLInputElement & HTMLTextAreaElement;
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldElement>>;
-export default TextField;
+import React, { ReactNode } from 'react';
+import { FieldLabelProps } from '../FieldLabel';
+interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'> {
+    readonly className?: string;
+    readonly defaultValue?: string;
+    readonly value?: string;
+    readonly onChange?: (value: string) => void;
+    readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
+    readonly onFocus?: (event: React.FocusEvent<Element>) => void;
+    readonly onBlur?: (event: React.FocusEvent<Element>) => void;
+    readonly showCount?: boolean;
+    readonly showLabel?: boolean;
+    readonly placeholder?: string;
+    readonly assistiveText?: string;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
+    readonly invalid?: boolean;
+    readonly maxLength?: number;
+    /**
+     * tab-indexがｰ1かどうか
+     */
+    readonly excludeFromTabOrder?: boolean;
+}
+export interface SingleLineTextFieldProps extends TextFieldBaseProps {
+    readonly autoHeight?: never;
+    readonly multiline?: false;
+    readonly rows?: never;
+    readonly type?: string;
+    readonly prefix?: ReactNode;
+    readonly suffix?: ReactNode;
+}
+export interface MultiLineTextFieldProps extends TextFieldBaseProps {
+    readonly autoHeight?: boolean;
+    readonly multiline: true;
+    readonly rows?: number;
+    readonly type?: never;
+    readonly prefix?: never;
+    readonly suffix?: never;
+}
+export declare type TextFieldProps = SingleLineTextFieldProps | MultiLineTextFieldProps;
+declare type TextFieldElement = HTMLInputElement & HTMLTextAreaElement;
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldElement>>;
+export default TextField;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,30 +1,30 @@
-import React from 'react';
-import { Story } from '../../_lib/compat';
-import { MultiLineTextFieldProps, SingleLineTextFieldProps, TextFieldProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
-    argTypes: {};
-    args: {
-        showLabel: boolean;
-        label: string;
-        assistiveText: string;
-        disabled: boolean;
-        required: boolean;
-        invalid: boolean;
-    };
-};
-export default _default;
-export declare const Default: React.FunctionComponent<Partial<TextFieldProps>> & {
-    args?: Partial<TextFieldProps> | undefined;
-};
-export declare const HasLabel: React.FunctionComponent<Partial<TextFieldProps>> & {
-    args?: Partial<TextFieldProps> | undefined;
-};
-export declare const HasCount: React.FunctionComponent<Partial<TextFieldProps>> & {
-    args?: Partial<TextFieldProps> | undefined;
-};
-export declare const HasAffix: Story<Partial<SingleLineTextFieldProps>>;
-export declare const AutoHeight: Story<Partial<MultiLineTextFieldProps>>;
-export declare const PrefixIcon: Story<Partial<SingleLineTextFieldProps>>;
+import React from 'react';
+import { Story } from '../../_lib/compat';
+import { MultiLineTextFieldProps, SingleLineTextFieldProps, TextFieldProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+    argTypes: {};
+    args: {
+        showLabel: boolean;
+        label: string;
+        assistiveText: string;
+        disabled: boolean;
+        required: boolean;
+        invalid: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasLabel: React.FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasCount: React.FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasAffix: Story<Partial<SingleLineTextFieldProps>>;
+export declare const AutoHeight: Story<Partial<MultiLineTextFieldProps>>;
+export declare const PrefixIcon: Story<Partial<SingleLineTextFieldProps>>;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/a11y.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=a11y.test.d.ts.map

package/dist/core/ComponentAbstraction.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-export declare type LinkProps = {
-    /**
-     * リンクのURL
-     */
-    to: string;
-} & Omit<React.ComponentPropsWithoutRef<'a'>, 'href'>;
-export declare const DefaultLink: React.ForwardRefExoticComponent<{
-    /**
-     * リンクのURL
-     */
-    to: string;
-} & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href"> & React.RefAttributes<HTMLAnchorElement>>;
-interface Components {
-    Link: React.ComponentType<React.ComponentPropsWithRef<typeof DefaultLink>>;
-}
-interface Props {
-    children: React.ReactNode;
-    components: Partial<Components>;
-}
-export default function ComponentAbstraction({ children, components }: Props): JSX.Element;
-export declare function useComponentAbstraction(): Components;
-export {};
+import React from 'react';
+export declare type LinkProps = {
+    /**
+     * リンクのURL
+     */
+    to: string;
+} & Omit<React.ComponentPropsWithoutRef<'a'>, 'href'>;
+export declare const DefaultLink: React.ForwardRefExoticComponent<{
+    /**
+     * リンクのURL
+     */
+    to: string;
+} & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href"> & React.RefAttributes<HTMLAnchorElement>>;
+interface Components {
+    Link: React.ComponentType<React.ComponentPropsWithRef<typeof DefaultLink>>;
+}
+interface Props {
+    children: React.ReactNode;
+    components: Partial<Components>;
+}
+export default function ComponentAbstraction({ children, components }: Props): JSX.Element;
+export declare function useComponentAbstraction(): Components;
+export {};
 //# sourceMappingURL=ComponentAbstraction.d.ts.map

package/dist/core/OverlayProvider.d.ts

@@ -0,0 +1,2 @@
+export { OverlayProvider } from '@react-aria/overlays';
+//# sourceMappingURL=OverlayProvider.d.ts.map

package/dist/core/OverlayProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayProvider.d.ts","sourceRoot":"","sources":["../../src/core/OverlayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/core/SSRProvider.d.ts

@@ -1,2 +1,2 @@
-export { SSRProvider } from '@react-aria/ssr';
+export { SSRProvider } from '@react-aria/ssr';
 //# sourceMappingURL=SSRProvider.d.ts.map