@nulogy/components 13.5.1 → 14.1.0

package/dist/src/BottomSheet/BottomSheet.parts.d.ts

@@ -23,9 +23,10 @@ export declare const BottomSheetParts: {
     Sheet: typeof SheetPart;
     ContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+    Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "compact" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
         variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
+        compact?: boolean;
         disabled?: boolean;
         textTransform?: "initial" | "-moz-initial" | "inherit" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
         fontSize?: string;
@@ -34,9 +35,10 @@ export declare const BottomSheetParts: {
     }, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
         ref?: React.Ref<HTMLHeadingElement>;
     }>, never>, never>, never>> & string;
-    HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+    HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "compact" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
         variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
+        compact?: boolean;
         disabled?: boolean;
         textTransform?: "initial" | "-moz-initial" | "inherit" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
         fontSize?: string;

package/dist/src/BottomSheet/BottomSheet.styled.d.ts

@@ -6,28 +6,29 @@ declare const Overlay: import("styled-components/dist/types").IStyledComponentBa
     ref?: import("react").Ref<HTMLDivElement>;
 }, "as" | keyof import("@reach/dialog/dist/declarations/src").DialogOverlayProps> & import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
     as?: "div";
-} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("@reach/utils/dist/declarations/src/polymorphic").Merge<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
+}, "as" | keyof import("@reach/dialog/dist/declarations/src").DialogOverlayProps> & import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
     as?: "div";
-}>>, keyof import("react").Component<any, {}, any>>;
+}>, keyof import("react").Component<any, {}, any>>;
 interface SheetProps extends DialogContentProps, AnimationProps, WidthProps, MaxWidthProps, HeightProps, MaxHeightProps, SpaceProps, LayoutProps {
 }
 declare const Sheet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "as" | "children"> & DialogContentProps & {
+}, "as" | "children"> & {
     as?: "div";
-} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, SheetProps>> & string & Omit<import("framer-motion").CustomDomComponent<import("@reach/utils/dist/declarations/src/polymorphic").Merge<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, SheetProps>> & string & Omit<import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, DialogContentProps & {
+}, "as" | "children"> & {
     as?: "div";
-}>>, keyof import("react").Component<any, {}, any>>;
+}>, keyof import("react").Component<any, {}, any>>;
 declare const ContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "inline" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "inline" | "compact" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "initial" | "inherit" | "-moz-initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
     fontSize?: string;
@@ -36,9 +37,10 @@ declare const Title: import("styled-components/dist/types").IStyledComponentBase
 }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: import("react").Ref<HTMLHeadingElement>;
 }>, never>, never>, never>> & string;
-declare const HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "inline" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+declare const HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "inline" | "compact" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "initial" | "inherit" | "-moz-initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
     fontSize?: string;

package/dist/src/DescriptionList/DescriptionList.d.ts

@@ -1,6 +1,3 @@
-import React, { PropsWithChildren } from "react";
-import { DescriptionListConfig } from "./DescriptionListContext";
-export type Props = PropsWithChildren<DescriptionListConfig>;
-export declare function DescriptionList({ descriptionTermMaxWidth, layout, showDivider, density, fontSize, lineHeight, autoLayoutBreakpoint, children, }: Props): React.JSX.Element;
-export declare const DescriptionListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledDescriptionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, never>> & string;
+import React from "react";
+import { DescriptionListProps } from "./lib/types";
+export default function DescriptionList({ descriptionTermMaxWidth, layout, autoLayoutBreakpoint, showDivider, density, fontSize, lineHeight, children, ...props }: DescriptionListProps): React.JSX.Element;

package/dist/src/DescriptionList/DescriptionList.parts.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseDescriptionListProps, Columns, GroupMinWidth } from "./lib/types";
+export type DescriptionListPartsProps = BaseDescriptionListProps & {
+    columns?: Columns;
+    groupMinWidth?: GroupMinWidth;
+};
+export declare const DescriptionListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DescriptionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, never>> & string;
+export declare const DescriptionGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    rowSpan?: number;
+    columnSpan?: number;
+}>> & string;
+export declare const DescriptionTerm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const DescriptionDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/DescriptionList/DescriptionListContext.d.ts

@@ -1,13 +1,19 @@
 import React, { PropsWithChildren } from "react";
+import { Breakpoints } from "../theme/theme.type";
 import { DefaultNDSThemeType } from "../theme";
-export interface DescriptionListConfig {
-    descriptionTermMaxWidth?: string;
-    layout?: "stacked" | "inline" | "auto";
-    showDivider?: boolean;
-    density?: "medium" | "compact" | "relaxed";
-    fontSize?: keyof DefaultNDSThemeType["fontSizes"];
-    lineHeight?: keyof DefaultNDSThemeType["lineHeights"];
-    autoLayoutBreakpoint?: string;
+import { Density } from "./lib/types";
+import { Layout } from "./lib/types";
+interface DescriptionListContextProps {
+    descriptionTermMaxWidth: string;
+    layout: Layout;
+    autoLayoutBreakpoint: string;
+    showDivider: boolean;
+    density: Density;
+    fontSize: keyof DefaultNDSThemeType["fontSizes"];
+    lineHeight: keyof DefaultNDSThemeType["lineHeights"];
+    columns?: number | Partial<Record<keyof Breakpoints, number>>;
+    groupMinWidth?: string;
 }
-export declare const useDescriptionListContext: () => DescriptionListConfig;
-export declare function DescriptionListProvider({ children, ...config }: PropsWithChildren<DescriptionListConfig>): React.JSX.Element;
+export declare const DescriptionListProvider: ({ children, ...contextProps }: PropsWithChildren<DescriptionListContextProps>) => React.JSX.Element;
+export declare const useDescriptionListContext: () => DescriptionListContextProps;
+export {};

package/dist/src/DescriptionList/index.d.ts

@@ -1,4 +1,5 @@
-export type { Props as DescriptionListProps } from "./DescriptionList";
-export { DescriptionList } from "./DescriptionList";
-export { DescriptionTerm } from "./DescriptionTerm";
-export { DescriptionDetails } from "./DescriptionDetails";
+export type { DescriptionListProps } from "./lib/types";
+export { default as DescriptionList } from "./DescriptionList";
+export { DescriptionGroup } from "./DescriptionList.parts";
+export { DescriptionTerm } from "./DescriptionList.parts";
+export { DescriptionDetails } from "./DescriptionList.parts";

package/dist/src/DescriptionList/lib/types.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { DefaultNDSThemeType } from "../../theme";
+import { Breakpoints } from "../../theme/theme.type";
+export type Density = "medium" | "compact" | "relaxed";
+export type Layout = "stacked" | "inline" | "auto";
+export type Columns = number | Partial<Record<keyof Breakpoints, number>>;
+export type GroupMinWidth = string;
+export interface BaseDescriptionListProps {
+    descriptionTermMaxWidth?: string;
+    layout?: Layout;
+    autoLayoutBreakpoint?: string;
+    showDivider?: boolean;
+    density?: Density;
+    fontSize?: keyof DefaultNDSThemeType["fontSizes"];
+    lineHeight?: keyof DefaultNDSThemeType["lineHeights"];
+    children?: React.ReactNode;
+}
+export type DescriptionListWithColumns = BaseDescriptionListProps & {
+    columns?: Columns;
+    groupMinWidth?: never;
+};
+export type DescriptionListWithGroupMinWidth = BaseDescriptionListProps & {
+    groupMinWidth?: GroupMinWidth;
+    columns?: never;
+};
+export type DescriptionListProps = DescriptionListWithColumns | DescriptionListWithGroupMinWidth;

package/dist/src/DescriptionList/lib/utils.d.ts

@@ -0,0 +1,5 @@
+import { DescriptionListProps, Columns, GroupMinWidth } from "./types";
+export declare function validateAndExtractGridProps(props: DescriptionListProps): {
+    columns?: Columns;
+    groupMinWidth?: GroupMinWidth;
+};

package/dist/src/DescriptionList/stories/DescriptionList.column.story.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import DescriptionList from "../DescriptionList";
+declare const _default: {
+    title: string;
+    component: typeof DescriptionList;
+};
+export default _default;
+export declare const TwoColumns: () => React.JSX.Element;
+export declare const ThreeColumns: () => React.JSX.Element;
+export declare const ResponsiveColumns: {
+    (): React.JSX.Element;
+    parameters: {
+        chromatic: {
+            viewports: number[];
+        };
+    };
+};

package/dist/src/DescriptionList/stories/DescriptionList.group-min-width.story.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export declare const GroupMinWidth: {
+    (): React.JSX.Element;
+    parameters: {
+        chromatic: {
+            viewports: number[];
+        };
+    };
+};

package/dist/src/DescriptionList/stories/DescriptionList.layout.story.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import DescriptionList from "../DescriptionList";
+declare const _default: {
+    title: string;
+    component: typeof DescriptionList;
+};
+export default _default;
+export declare const Inline: () => React.JSX.Element;
+export declare const Stacked: () => React.JSX.Element;
+export declare const Auto: {
+    (): React.JSX.Element;
+    parameters: {
+        chromatic: {
+            viewports: number[];
+        };
+    };
+};

package/dist/src/DescriptionList/stories/DescriptionList.playground.story.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export declare const Playground: {
+    (): React.JSX.Element;
+    parameters: {
+        chromatic: {
+            disable: boolean;
+        };
+    };
+};

package/dist/src/DescriptionList/stories/DescriptionList.sizing.story.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import DescriptionList from "../DescriptionList";
+declare const _default: {
+    title: string;
+    component: typeof DescriptionList;
+};
+export default _default;
+export declare const Density: () => React.JSX.Element;
+export declare const FontSize: () => React.JSX.Element;
+export declare const LineHeight: () => React.JSX.Element;

package/dist/src/DescriptionList/stories/DescriptionList.spanning.story.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import DescriptionList from "../DescriptionList";
+declare const _default: {
+    title: string;
+    component: typeof DescriptionList;
+};
+export default _default;
+export declare const ColumnSpanning: () => React.JSX.Element;
+export declare const RowSpanning: () => React.JSX.Element;
+export declare const ColumnAndRowSpanning: () => React.JSX.Element;

package/dist/src/DescriptionList/stories/DescriptionList.story.d.ts

@@ -0,0 +1,8 @@
+import DescriptionList from "../DescriptionList";
+declare const _default: {
+    title: string;
+    component: typeof DescriptionList;
+};
+export default _default;
+export { GroupMinWidth } from "./DescriptionList.group-min-width.story";
+export { Playground } from "./DescriptionList.playground.story";

package/dist/src/DescriptionList/stories/fixtures.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export declare const OutlinedDt: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>, "ref"> & {
+    ref?: React.Ref<HTMLElement>;
+}, {
+    $outlined: boolean;
+    $highlighted?: boolean;
+}>> & string;
+export declare const OutlinedDd: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>, "ref"> & {
+    ref?: React.Ref<HTMLElement>;
+}, {
+    $outlined: boolean;
+    $highlighted?: boolean;
+}>> & string;
+export declare const DashedBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Record<string, unknown> & {
+    children?: React.ReactNode;
+}) | (Omit<Record<string, unknown>, "ref"> & React.RefAttributes<React.Component<Record<string, unknown>, any, any>>), import("styled-components/dist/types").BaseObject>> & string & (Omit<React.ComponentClass<Record<string, unknown>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<Record<string, unknown>>, keyof React.Component<any, {}, any>>);
+export declare const SampleContent: () => React.JSX.Element;

package/dist/src/DropdownMenu/DropdownText.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import type { TextProps } from "../Type";
-declare const DropdownText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+declare const DropdownText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;

package/dist/src/FieldLabel/HelpText.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-declare const HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+declare const HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | "disabled" | "textTransform" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;

package/dist/src/Layout/Sidebar.d.ts

@@ -14,7 +14,7 @@ export type SidebarProps = Omit<AnimatedBoxProps, "width"> & {
     triggerRef?: RefObject<HTMLInputElement | HTMLButtonElement>;
     duration?: number;
     closeOnOutsideClick?: boolean;
-    overlay?: boolean;
+    overlay?: boolean | "show" | "hide" | "transparent";
     disableScroll?: boolean;
     hideCloseButton?: boolean;
     width?: SidebarWidth;

package/dist/src/TopBar/TopBar.styled.d.ts

@@ -14,11 +14,11 @@ declare const Overlay: import("styled-components/dist/types").IStyledComponentBa
     ref?: import("react").Ref<HTMLDivElement>;
 }, "as" | keyof import("@reach/dialog/dist/declarations/src").DialogOverlayProps> & import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
     as?: "div";
-} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("@reach/utils/dist/declarations/src/polymorphic").Merge<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
+}, "as" | keyof import("@reach/dialog/dist/declarations/src").DialogOverlayProps> & import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
     as?: "div";
-}>>, keyof import("react").Component<any, {}, any>>;
+}>, keyof import("react").Component<any, {}, any>>;
 declare const TileLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
 declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     defaultChecked?: boolean;

package/dist/src/TopBar/components/MenuItemLink.d.ts

@@ -1,10 +1,9 @@
 import { IconName } from "@nulogy/icons";
 import React, { ComponentProps } from "react";
 import { TileLink } from "../TopBar.styled";
-interface MenuItemLinkProps extends ComponentProps<typeof TileLink> {
+export interface MenuItemLinkProps extends ComponentProps<typeof TileLink> {
     title: string;
     description?: string;
     icon: IconName;
 }
 export declare function MenuItemLink({ description, title, icon, ...props }: MenuItemLinkProps): React.JSX.Element;
-export {};

package/dist/src/TopBar/index.d.ts

@@ -1 +1,2 @@
 export { TopBar } from "./TopBar";
+export type { MenuItemLinkProps } from "./components/MenuItemLink";

package/dist/src/Type/Headings.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { TextProps } from "./Text";
-export declare const Heading1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+export declare const Heading1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
@@ -11,9 +12,10 @@ export declare const Heading1: import("styled-components/dist/types").IStyledCom
 }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: import("react").Ref<HTMLHeadingElement>;
 }>, never>, TextProps>> & string;
-export declare const Heading2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+export declare const Heading2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
@@ -22,9 +24,10 @@ export declare const Heading2: import("styled-components/dist/types").IStyledCom
 }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: import("react").Ref<HTMLHeadingElement>;
 }>, never>, never>> & string;
-export declare const Heading3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+export declare const Heading3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
@@ -33,9 +36,10 @@ export declare const Heading3: import("styled-components/dist/types").IStyledCom
 }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: import("react").Ref<HTMLHeadingElement>;
 }>, never>, never>> & string;
-export declare const Heading4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+export declare const Heading4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;

package/dist/src/Type/Text.d.ts

@@ -4,6 +4,7 @@ import { StyledProps } from "../StyledProps";
 export type TextProps = React.HTMLAttributes<HTMLParagraphElement> & {
     variant?: ComponentVariant;
     inline?: boolean;
+    compact?: boolean;
     disabled?: boolean;
     textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;

package/dist/src/index.d.ts

@@ -15,7 +15,8 @@ export { Card, CardSet } from "./Card";
 export { Checkbox, CheckboxGroup } from "./Checkbox";
 export { DatePicker, MonthPicker, WeekPicker } from "./DatePickers";
 export { DateRange } from "./DateRange";
-export { DescriptionDetails, DescriptionList, DescriptionTerm } from "./DescriptionList";
+export { DescriptionList, DescriptionDetails, DescriptionGroup, DescriptionTerm } from "./DescriptionList";
+export type { DescriptionListProps } from "./DescriptionList";
 export { Divider } from "./Divider";
 export { DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText } from "./DropdownMenu";
 export { FieldLabel, HelpText, RequirementText } from "./FieldLabel";
@@ -56,6 +57,7 @@ export { toast, ToastContainer } from "./ToastContainer";
 export { Toggle } from "./Toggle";
 export { Tooltip } from "./Tooltip";
 export { TopBar } from "./TopBar";
+export type { MenuItemLinkProps } from "./TopBar";
 export { TruncatedText } from "./TruncatedText";
 export { Heading1, Heading2, Heading3, Heading4, Text } from "./Type";
 export type { TextProps } from "./Type";

package/dist/src/theme/theme.type.d.ts

@@ -104,7 +104,7 @@ interface Radii {
     medium: string;
     large: string;
     circle: string;
-    pill: string;
+    rounded: string;
 }
 export interface Breakpoints {
     extraSmall: string;

package/dist/src/utils/story/code.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * A styled component for displaying code in a storybook.
+ *
+ * @example
+ * <Code>const code = "console.log('Hello, world!');";</Code>
+ */
+export declare const Code: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/utils/story/resizable.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface ResizableProps {
+    children: React.ReactNode;
+    containerWidth?: string;
+    onResize?: (width: number) => void;
+    showContainerOutline?: boolean;
+}
+export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => React.JSX.Element;
+export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "compact" | "inline" | "disabled" | "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
+    inline?: boolean;
+    compact?: boolean;
+    disabled?: boolean;
+    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    fontSize?: string;
+} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "compact" | "inline" | "disabled" | "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
+    inline?: boolean;
+    compact?: boolean;
+    disabled?: boolean;
+    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    fontSize?: string;
+} & import("../..").StyledProps>, keyof React.Component<any, {}, any>>;
+export declare const ResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "13.5.1",
+  "version": "14.1.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -10,17 +10,18 @@
     "ci": "yarn && yarn build && yarn test && yarn run check",
     "new": "plop",
     "generate:theme": "npx tsx src/scripts/generateTheme.ts && prettier -w src/theme/theme.ts",
-    "start": "concurrently \"yarn build --watch\" \"yarn start:storybook\"",
+    "start": "concurrently \"yarn build:watch\" \"yarn start:storybook\"",
     "start:cypress": "yarn concurrently --kill-others \"yarn start --ci\" \"yarn wait-on http://localhost:9999 && cypress open\"",
     "start:storybook": "start-storybook -p 9999",
     "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
     "build": "rollup -c",
+    "build:watch": "rollup -c --watch",
     "build:storybook": "build-storybook",
     "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'yarn ci'\"",
     "check": "yarn warn:prepush && yarn check:types && yarn check:lint && yarn check:format",
     "check:types": "tsc && cd cypress && tsc --noEmit",
     "check:lint": "eslint --config ./.eslintrc .'*/**/*.{js,ts,tsx}'",
-    "check:format": "prettier -c .",
+    "check:format": "prettier -c --ignore-path .prettierignore-check .",
     "fix": "yarn fix:lint && yarn fix:format",
     "fix:lint": "yarn check:lint --fix",
     "fix:format": "prettier -w .",
@@ -87,7 +88,6 @@
     "@storybook/addon-toolbars": "^6.1.9",
     "@storybook/addon-viewport": "^6.1.9",
     "@storybook/codemod": "^6.1.9",
-    "@storybook/react": "^6.3.12",
     "@storybook/theming": "^6.1.9",
     "@testing-library/jest-dom": "5.11.5",
     "@testing-library/react": "^12.1.5",
@@ -128,6 +128,7 @@
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
     "prettier": "^3.4.2",
+    "re-resizable": "^6.10.3",
     "react": "17.0.2",
     "react-color": "^2.18.1",
     "react-dom": "17.0.2",
@@ -153,6 +154,7 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@nulogy/tokens": "^5.4.0",
     "@reach/dialog": "0.17.0",
+    "@storybook/react": "6.3.12",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
     "@types/react-window": "^1.8.8",
@@ -161,7 +163,7 @@
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",
     "deep-equal": "^2.2.1",
-    "framer-motion": "^3.1.3",
+    "framer-motion": "6.5.1",
     "i18next": "^19.3.1",
     "polished": "3.4.4",
     "react-datepicker": "^4.25.0",

package/dist/src/DescriptionList/DescriptionDetails.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const DescriptionDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/DescriptionList/DescriptionList.story.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { DescriptionList } from ".";
-declare const _default: {
-    title: string;
-    component: typeof DescriptionList;
-};
-export default _default;
-export declare function Layout(): React.JSX.Element;
-export declare function Density(): React.JSX.Element;
-export declare function FontSize(): React.JSX.Element;
-export declare function Divider(): React.JSX.Element;
-export declare function AutoLayoutCustomBreakpoint(): React.JSX.Element;
-export declare function CustomDescriptionTermWidth(): React.JSX.Element;
-export declare function CombinedFeatures(): React.JSX.Element;

package/dist/src/DescriptionList/DescriptionTerm.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const DescriptionTerm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;