@charcoal-ui/react-sandbox 1.0.0-alpha.1 → 1.0.0

package/README.md

@@ -15,4 +15,3 @@ yarn
 ```
 yarn add @charcoal-ui/react-sandbox
 ```
-

package/dist/_lib/compat.d.ts

@@ -0,0 +1,15 @@
+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 interface Story<P> {
+    (args: P): React.ReactNode;
+    args?: P;
+}
+//# sourceMappingURL=compat.d.ts.map

package/dist/_lib/compat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,CAAC,CAAA;CACT"}

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

@@ -0,0 +1,39 @@
+import React from 'react';
+export declare const GRADIENT_WIDTH = 72;
+/**
+ * カルーセル系のスクロール量の定数
+ *
+ * @example
+ * const scrollAmount = containerElm.clientWidth * SCROLL_AMOUNT_COEF
+ */
+export declare const SCROLL_AMOUNT_COEF = 0.75;
+interface ScrollProps {
+    align?: 'center' | 'left' | 'right';
+    offset?: number;
+}
+export interface CarouselBaseAppearanceProps {
+    buttonOffset?: number;
+    buttonPadding?: number;
+    bottomOffset?: number;
+    defaultScroll?: ScrollProps;
+}
+export declare type CarouselGradientProps = {
+    hasGradient?: false;
+} | {
+    hasGradient: true;
+    fadeInGradient?: boolean;
+};
+declare type CarouselAppearanceProps = CarouselBaseAppearanceProps & CarouselGradientProps;
+declare type Props = CarouselAppearanceProps & {
+    onScroll?: (left: number) => void;
+    onResize?: (width: number) => void;
+    children: React.ReactNode;
+    centerItems?: boolean;
+    onScrollStateChange?: (canScroll: boolean) => void;
+};
+export interface CarouselHandlerRef {
+    resetScroll(): void;
+}
+export default function Carousel({ buttonOffset, buttonPadding, bottomOffset, defaultScroll: { align, offset: scrollOffset }, onScroll, onResize, children, centerItems, onScrollStateChange, ...options }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAOd,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B;AAED,oBAAY,qBAAqB,GAC7B;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACvB;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEL,aAAK,uBAAuB,GAAG,2BAA2B,GACxD,qBAAqB,CAAA;AAEvB,aAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,IAAI,IAAI,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAgB,EAChB,aAAkB,EAClB,YAAgB,EAChB,aAAa,EAAE,EAAE,KAAc,EAAE,MAAM,EAAE,YAAgB,EAAO,EAChE,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,GAAG,OAAO,EACX,EAAE,KAAK,eAoOP"}

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const carousel: () => JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.story.tsx"],"names":[],"mappings":";;;;AAoBA,wBAGC;AAED,eAAO,MAAM,QAAQ,mBAyCpB,CAAA"}

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

@@ -0,0 +1,21 @@
+export declare enum Direction {
+    Right = "right",
+    Left = "left"
+}
+interface Props {
+    direction: Direction;
+    show: boolean;
+    offset?: number;
+    padding?: number;
+    bottomOffset?: number;
+    gradient?: boolean;
+    onClick(): void;
+}
+export default function CarouselButton({ direction, show, offset, padding, bottomOffset: bottom, gradient, onClick, }: Props): JSX.Element;
+export declare const CAROUSEL_BUTTON_SIZE = 40;
+export declare function ScrollHintButton({ direction, onClick, }: {
+    direction: Direction;
+    onClick(): void;
+}): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselButton/index.tsx"],"names":[],"mappings":"AAMA,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,UAAU,KAAK;IACb,SAAS,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,IAAI,EACJ,MAAU,EACV,OAAW,EACX,YAAY,EAAE,MAAU,EACxB,QAAgB,EAChB,OAAO,GACR,EAAE,KAAK,eAmCP;AAED,eAAO,MAAM,oBAAoB,KAAK,CAAA;AAoDtC,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,IAAI,IAAI,CAAA;CAChB,eAeA"}

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

@@ -0,0 +1,10 @@
+import CarouselButton from '.';
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+    component: typeof CarouselButton;
+};
+export default _default;
+export declare const _CarouselButton: () => JSX.Element;
+export declare const _ScrollHintButton: () => JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselButton/index.story.tsx"],"names":[],"mappings":"AAGA,OAAO,cAA+C,MAAM,GAAG,CAAA;;;;;;AAE/D,wBAIC;AAED,eAAO,MAAM,eAAe,mBAmB3B,CAAA;AAMD,eAAO,MAAM,iBAAiB,mBAO7B,CAAA"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Props<T extends HTMLElement> {
+    active?: boolean;
+    hover?: boolean;
+    reactive?: boolean;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<T>;
+}
+interface FilterIconButtonProps extends Props<HTMLButtonElement> {
+    width?: number;
+    height?: number;
+}
+export declare const FilterButton: React.ForwardRefExoticComponent<Props<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FilterIconButton: React.ForwardRefExoticComponent<FilterIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const FilterLink: React.ForwardRefExoticComponent<Props<HTMLAnchorElement> & {
+    to: string;
+} & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const Filter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default Filter;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;CACrC;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,iBAAiB,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,oGAqBvB,CAAA;AAEF,eAAO,MAAM,gBAAgB,iGAyB3B,CAAA;AAEF,eAAO,MAAM,UAAU;;gOAgCrB,CAAA;AA6EF,QAAA,MAAM,MAAM,yGAEX,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+};
+export default _default;
+export declare function Default(): JSX.Element;
+export declare function Button(): JSX.Element;
+export declare function Link(): JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/index.story.tsx"],"names":[],"mappings":";;;;AAaA,wBAGC;AAID,wBAAgB,OAAO,gBAatB;AA4BD,wBAAgB,MAAM,gBAQrB;AAED,wBAAgB,IAAI,gBAQnB"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Context = 'page' | 'section';
+interface Props {
+    children: React.ReactNode;
+    context: Context;
+    className?: string;
+}
+export default function HintText({ children, context, className }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HintText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,aAAK,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AACjC,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,eASvE"}

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

@@ -0,0 +1,12 @@
+import { Story } from '../../_lib/compat';
+import HintText from '.';
+declare const _default: {
+    title: string;
+    component: typeof HintText;
+};
+export default _default;
+export declare const Default: Story<{
+    hintText: string;
+    context: 'page' | 'section';
+}>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/HintText/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,QAAQ,MAAM,GAAG,CAAA;;;;;AAExB,wBAGC;AAMD,eAAO,MAAM,OAAO;cAJc,MAAM;aAAW,MAAM,GAAG,SAAS;EAI7B,CAAA"}

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

@@ -0,0 +1,68 @@
+import React from 'react';
+interface Props {
+    menu?: React.ReactNode;
+    isHeaderTopMenu?: boolean;
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    wide?: boolean;
+    center?: boolean;
+}
+export default function Layout({ menu, children, header, center, wide, isHeaderTopMenu, }: Props): JSX.Element;
+interface LayoutItemProps {
+    span: number;
+    children?: React.ReactNode;
+}
+export declare const LayoutItem: React.ForwardRefExoticComponent<LayoutItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare function LayoutItemHeader({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export declare const LAYOUT_ITEM_BODY_PADDING: {
+    wide: {
+        x: number;
+        y: number;
+    };
+    default: {
+        x: number;
+        y: number;
+    };
+    column1: {
+        x: number;
+        y: number;
+    };
+    narrow: {
+        x: number;
+        yTop: number;
+        yBottom: number;
+    };
+    narrowColumn1: {
+        x: number;
+        yTop: number;
+        yBottom: number;
+    };
+};
+export declare function LayoutItemBody({ children, horizontal, narrow, }: {
+    children: React.ReactNode;
+    horizontal?: boolean;
+    narrow?: boolean;
+}): JSX.Element;
+interface StyledLayoutItemBodyProps {
+    wide: boolean;
+    horizontal: boolean;
+    narrow: boolean;
+}
+export declare const StyledLayoutItemBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLayoutItemBodyProps, never>;
+export declare function useLayoutItemBodyPadding(): {
+    x: number;
+    y: number;
+};
+export declare function CancelLayoutItemBodyPadding({ children, cancelTop, }: {
+    children: React.ReactNode;
+    cancelTop?: boolean;
+}): JSX.Element;
+interface StyledCancelLayoutItemBodyPaddingProps {
+    wide: boolean;
+    cancelTop?: boolean;
+}
+export declare const StyledCancelLayoutItemBodyPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCancelLayoutItemBodyPaddingProps, never>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAWzC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAQD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAc,EACd,IAAI,EACJ,eAAuB,GACxB,EAAE,KAAK,eAqBP;AA8FD,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,UAAU,wFAUtB,CAAA;AAqCD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAQ3E;AAuCD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAuBpC,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAkB,EAClB,MAAc,GACf,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,eAQA;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,oBAAoB,gIA2BhC,CAAA;AAED,wBAAgB,wBAAwB;;;EAOvC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,eAQA;AAED,UAAU,sCAAsC;IAC9C,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAGD,eAAO,MAAM,iCAAiC,6IAQ7C,CAAA"}

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

@@ -0,0 +1,14 @@
+import Layout from '.';
+declare const _default: {
+    title: string;
+    component: typeof Layout;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare function Basic(): JSX.Element;
+export declare function NoMenu(): JSX.Element;
+export declare function Wide(): JSX.Element;
+export declare function Center(): JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.story.tsx"],"names":[],"mappings":"AAKA,OAAO,MAAwD,MAAM,GAAG,CAAA;;;;;;;;AAExE,wBAMC;AAED,wBAAgB,KAAK,gBAapB;AAED,wBAAgB,MAAM,gBAYrB;AAED,wBAAgB,IAAI,gBAanB;AAED,wBAAgB,MAAM,gBAYrB"}

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

@@ -0,0 +1,12 @@
+interface Props<ID extends string> {
+    links: readonly {
+        text: string;
+        to: string;
+        id: ID;
+    }[];
+    active: ID;
+}
+export default function LeftMenu<ID extends string>({ links, active, }: Props<ID>): JSX.Element;
+export declare function LeftMenuContent<ID extends string>({ links }: Props<ID>): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LeftMenu/index.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK,CAAC,EAAE,SAAS,MAAM;IAC/B,KAAK,EAAE,SAAS;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,EAAE,EAAE,EAAE,CAAA;KACP,EAAE,CAAA;IACH,MAAM,EAAE,EAAE,CAAA;CACX;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,EAClD,KAAK,EACL,MAAM,GACP,EAAE,KAAK,CAAC,EAAE,CAAC,eAaX;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,eAQtE"}

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { LinkProps } from '@charcoal-ui/react';
+interface MenuListItemContextProps {
+    padding: 16 | 24;
+}
+export declare const MenuListItemContext: React.Context<MenuListItemContextProps>;
+export interface MenuListItemBaseData {
+    primary: string | React.ReactNode;
+    secondary?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    disabled?: boolean;
+    gtmClass?: string;
+    noHover?: boolean;
+}
+interface MenuListItemProps extends MenuListItemBaseData {
+    children?: React.ReactNode;
+}
+export default function MenuListItem({ primary, secondary, onClick, disabled, noHover, gtmClass, children, }: MenuListItemProps): JSX.Element;
+interface MenuListLinkItemProps extends MenuListItemBaseData, Omit<LinkProps, 'to' | 'onClick' | 'children'> {
+    link: string;
+    children?: React.ReactNode;
+}
+export declare function MenuListLinkItem({ link, onClick, disabled, primary, secondary, gtmClass, noHover, children, ...linkProps }: MenuListLinkItemProps): JSX.Element;
+interface MenuListLinkItemWithIconProps extends MenuListLinkItemProps {
+    icon: React.ReactNode;
+}
+interface MenuListItemWithIconProps extends MenuListItemProps {
+    icon: React.ReactNode;
+}
+export declare function MenuListLinkItemWithIcon({ icon, primary: text, ...props }: MenuListLinkItemWithIconProps): JSX.Element;
+export declare function MenuListItemWithIcon({ icon, primary: text, ...props }: MenuListItemWithIconProps): JSX.Element;
+export declare const MenuListSpacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuListLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MenuListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,SAAS,EAA2B,MAAM,oBAAoB,CAAA;AAGvE,UAAU,wBAAwB;IAChC,OAAO,EAAE,EAAE,GAAG,EAAE,CAAA;CACjB;AAED,eAAO,MAAM,mBAAmB,yCACgC,CAAA;AAEhE,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,oBAAoB;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAgB,EAChB,OAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,eA+BnB;AAyDD,UAAU,qBACR,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IAChD,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,qBAAqB,eAoBvB;AAMD,UAAU,6BAA8B,SAAQ,qBAAqB;IACnE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,UAAU,yBAA0B,SAAQ,iBAAiB;IAC3D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EAAE,IAAI,EACb,GAAG,KAAK,EACT,EAAE,6BAA6B,eAQ/B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EAAE,IAAI,EACb,GAAG,KAAK,EACT,EAAE,yBAAyB,eAQ3B;AAcD,eAAO,MAAM,cAAc,yGAE1B,CAAA;AAED,eAAO,MAAM,aAAa,yGAOzB,CAAA"}

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

@@ -0,0 +1,18 @@
+import MenuListItem from '.';
+declare const _default: {
+    title: string;
+    component: typeof MenuListItem;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Simple: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+export declare const Link: () => JSX.Element;
+export declare const HardLink: () => JSX.Element;
+export declare const InlineIcon: () => JSX.Element;
+export declare const Icon: () => JSX.Element;
+export declare const NoHoverEffect: () => JSX.Element;
+export declare const Spacer: () => JSX.Element;
+export declare const Label: () => JSX.Element;
+export declare const TextEllipsis: () => JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MenuListItem/index.story.tsx"],"names":[],"mappings":"AAMA,OAAO,YAMN,MAAM,GAAG,CAAA;;;;;AAEV,wBAGC;AAED,eAAO,MAAM,OAAO,mBAiBnB,CAAA;AAED,eAAO,MAAM,MAAM,mBAMlB,CAAA;AAED,eAAO,MAAM,QAAQ,mBAMpB,CAAA;AAED,eAAO,MAAM,IAAI,mBAMhB,CAAA;AAED,eAAO,MAAM,QAAQ,mBAQpB,CAAA;AAED,eAAO,MAAM,UAAU,mBAOtB,CAAA;AAED,eAAO,MAAM,IAAI,mBAMhB,CAAA;AAED,eAAO,MAAM,aAAa,mBAQzB,CAAA;AAED,eAAO,MAAM,MAAM,mBAMlB,CAAA;AAED,eAAO,MAAM,KAAK,mBAKjB,CAAA;AAED,eAAO,MAAM,YAAY,mBAQxB,CAAA"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface CommonProps {
+    page: number;
+    pageCount: number;
+}
+export interface PagerProps extends CommonProps {
+    onChange(newPage: number): void;
+}
+declare const _default: React.NamedExoticComponent<PagerProps>;
+export default _default;
+export interface LinkPagerProps extends CommonProps {
+    makeUrl(page: number): string;
+}
+export declare function LinkPager({ page, pageCount, makeUrl }: LinkPagerProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAqElE,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;;AAGD,wBAuDE;AAEF,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,cAAc,eAqCrE"}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import(".").PagerProps>;
+    argTypes: {
+        page: {
+            control: {
+                type: string;
+                disable: boolean;
+            };
+        };
+        pageCount: {
+            control: {
+                type: string;
+                min: number;
+            };
+        };
+    };
+};
+export default _default;
+interface Props {
+    page: number;
+    pageCount: number;
+}
+export declare const Default: Story<Props>;
+export declare const Link: Story<Props>;
+export declare const NotCollapsed: Story<Props>;
+export declare const CollapsedWithDots: Story<Props>;
+export declare const LastPage: Story<Props>;
+export declare const One: Story<Props>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Pager/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;AAIzC,wBAiBC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAOD,eAAO,MAAM,OAAO,cAAwB,CAAA;AAiC5C,eAAO,MAAM,IAAI,cAAqB,CAAA;AAMtC,eAAO,MAAM,YAAY,cAAqB,CAAA;AAM9C,eAAO,MAAM,iBAAiB,cAAqB,CAAA;AAMnD,eAAO,MAAM,QAAQ,cAAqB,CAAA;AAM1C,eAAO,MAAM,GAAG,cAAqB,CAAA"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export default function Spinner({ size, padding, transparent, }: {
+    size?: number | undefined;
+    padding?: number | undefined;
+    transparent?: boolean | undefined;
+}): JSX.Element;
+interface Props {
+    once?: boolean;
+}
+export interface SpinnerIconHandler {
+    restart(): void;
+}
+export declare const SpinnerIcon: React.ForwardRefExoticComponent<Props & React.RefAttributes<SpinnerIconHandler>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,OAAY,EACZ,WAAmB,GACpB;;;;CAAA,eAMA;AA6CD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,kFAkBvB,CAAA"}

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

@@ -0,0 +1,10 @@
+import Spinner from '.';
+declare const _default: {
+    title: string;
+    component: typeof Spinner;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare function Basic(): JSX.Element;
+export declare function Icon(): JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.story.tsx"],"names":[],"mappings":"AAQA,OAAO,OAA4C,MAAM,GAAG,CAAA;;;;;;AAE5D,wBAIC;AAED,wBAAgB,KAAK,gBAMpB;AAED,wBAAgB,IAAI,gBAEnB"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface Props extends React.ComponentPropsWithoutRef<'input'> {
+    gtmClass?: string;
+    flex?: boolean;
+    rowReverse?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchCheckbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;;AAED,wBA6BE"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import(".").Props & React.RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const On: () => JSX.Element;
+export declare const Off: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchCheckbox/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;AAGzB,wBAGC;AAED,eAAO,MAAM,OAAO,mBAiBnB,CAAA;AAED,eAAO,MAAM,EAAE,mBAAmC,CAAA;AAClD,eAAO,MAAM,GAAG,mBAA2C,CAAA;AAC3D,eAAO,MAAM,QAAQ,mBAA4C,CAAA"}

package/dist/components/TextEllipsis/helper.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode, ReactText } from 'react';
+export declare const childToString: (child?: boolean | {} | ReactText | null | undefined) => string;
+export declare const onlyText: (children: ReactNode) => string;
+//# sourceMappingURL=helper.d.ts.map

package/dist/components/TextEllipsis/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/TextEllipsis/helper.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAA;AAQd,eAAO,MAAM,aAAa,2DAGvB,MAcF,CAAA;AAED,eAAO,MAAM,QAAQ,aAAc,SAAS,KAAG,MAqB9C,CAAA"}

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

@@ -0,0 +1,11 @@
+export interface Props {
+    lineHeight: number;
+    lineLimit?: number;
+}
+/**
+ * 複数行のテキストに表示行数制限を設けて`...`で省略する
+ */
+export declare const TextEllipsis: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    title: string | undefined;
+} & Props, "title">;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextEllipsis/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;mBAuBxB,CAAA"}

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+        title: string | undefined;
+    } & import(".").Props, "title">;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextEllipsis/index.story.tsx"],"names":[],"mappings":";;;;;;AAKA,wBAGC;AAED,eAAO,MAAM,OAAO,mBA0BnB,CAAA"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface Props {
+    children?: React.ReactNode;
+    icon: React.ReactNode;
+    /**
+     * アイコンを表示。デフォルトがtrueなので、非表示にするときに使います。 (アイコン自体の幅を維持します)
+     */
+    show?: boolean | 'collapse';
+    /**
+     * アイコンを前にする
+     */
+    prefix?: boolean;
+    /**
+     * アイコンの高さが文字の高さよりも大きいケースで有効。アイコンの高さをゼロにしてインラインの高さに関与させないようにします。
+     */
+    fit?: boolean;
+    /**
+     * `fit`と併用した時にのみ有効な最適化オプション。アイコンの幅の自動計算を行わず指定した数値を利用します。
+     */
+    width?: number;
+    /**
+     * 親要素のサイズに合わせるのではなく、コンテンツのサイズを優先する
+     */
+    fixed?: boolean;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/WithIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;;AAED,wBAgCE"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import(".").Props>;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Performance: () => JSX.Element;
+export declare const Naive: () => JSX.Element;
+export declare const Prefix: () => JSX.Element;
+export declare const Hide: () => JSX.Element;
+export declare const Collapse: () => JSX.Element;
+export declare const LongText: () => JSX.Element;
+export declare const LongTextOverflow: () => JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/WithIcon/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;AAMzB,wBAGC;AAED,eAAO,MAAM,OAAO,mBAoBnB,CAAA;AAED,eAAO,MAAM,WAAW,mBAYvB,CAAA;AAED,eAAO,MAAM,KAAK,mBAOjB,CAAA;AAED,eAAO,MAAM,MAAM,mBAMlB,CAAA;AAqBD,eAAO,MAAM,IAAI,mBAMhB,CAAA;AAED,eAAO,MAAM,QAAQ,mBAMpB,CAAA;AAED,eAAO,MAAM,QAAQ,mBAUpB,CAAA;AAED,eAAO,MAAM,gBAAgB,mBAU5B,CAAA"}

package/dist/components/icons/Base.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare type IconSizes = 16 | 24 | 32;
+interface Props {
+    path: string | React.ReactNode;
+    viewBoxSize: number;
+    size?: IconSizes | 40 | 48 | 64 | 72;
+    transform?: string;
+    currentColor?: boolean;
+    fillRule?: 'nonzero' | 'evenodd';
+    clipRule?: 'nonzero' | 'evenodd' | 'inherit';
+}
+export default function IconBase({ size, viewBoxSize, currentColor, path, transform, fillRule, clipRule, }: Props): JSX.Element;
+declare type IconBasePathProps = Pick<Props, 'path' | 'transform' | 'fillRule' | 'clipRule'>;
+export declare const IconBasePath: ({ path, transform, fillRule, clipRule, }: IconBasePathProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Base.d.ts.map

package/dist/components/icons/Base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Base.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAEpC,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAS,EACT,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,eAeP;AAaD,aAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,EACL,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAC/C,CAAA;AACD,eAAO,MAAM,YAAY,6CAKtB,iBAAiB,gBAcnB,CAAA"}