@nulogy/components 12.0.0 → 12.2.0

package/dist/main.js

@@ -50926,6 +50926,9 @@
       }
     };
     var legacy = themes.legacy;
+        themes.experimental;
+        var tablet = themes.tablet,
+        phone = themes.phone;
 
     var THEME_VARIANTS = new Set(["desktop", "touch"]);
     var buildBreakPoints = function buildBreakPoints(breakpointsConfig) {
@@ -55003,6 +55006,10 @@
     exports.TopBar = TopBar;
     exports.TruncatedText = TruncatedText;
     exports.addStyledProps = addStyledProps;
+    exports.desktop = legacy;
+    exports.phone = phone;
+    exports.tablet = tablet;
+    exports.themes = themes;
     exports.toast = toast;
     exports.useMediaQuery = useMediaQuery;
     exports.useWindowDimensions = useWindowDimensions;

package/dist/main.module.js

@@ -50909,6 +50909,9 @@ var themes = {
   }
 };
 var legacy = themes.legacy;
+    themes.experimental;
+    var tablet = themes.tablet,
+    phone = themes.phone;
 
 var THEME_VARIANTS = new Set(["desktop", "touch"]);
 var buildBreakPoints = function buildBreakPoints(breakpointsConfig) {
@@ -54887,4 +54890,4 @@ var TruncatedText = function TruncatedText(_a) {
   }, props), children);
 };
 
-export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$1 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, ToggleComponent as Toggle, Tooltip, TopBar, TruncatedText, addStyledProps, toast, useMediaQuery, useWindowDimensions };
+export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$1 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, ToggleComponent as Toggle, Tooltip, TopBar, TruncatedText, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };

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

@@ -0,0 +1,2 @@
+/// <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.d.ts

@@ -0,0 +1,6 @@
+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;

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

@@ -0,0 +1,14 @@
+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/DescriptionListContext.d.ts

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from "react";
+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;
+}
+export declare const useDescriptionListContext: () => DescriptionListConfig;
+export declare function DescriptionListProvider({ children, ...config }: PropsWithChildren<DescriptionListConfig>): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <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;

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

@@ -0,0 +1,4 @@
+export type { Props as DescriptionListProps } from "./DescriptionList";
+export { DescriptionList } from "./DescriptionList";
+export { DescriptionTerm } from "./DescriptionTerm";
+export { DescriptionDetails } from "./DescriptionDetails";

package/dist/src/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -1,4 +1,5 @@
-import { Breakpoints } from "../../theme";
+import { DefaultNDSThemeType } from "../../theme";
+type Breakpoints = DefaultNDSThemeType["breakpoints"];
 type Query = keyof Breakpoints | (string & {});
 declare function useMediaQuery(q: Query): boolean;
 export default useMediaQuery;

package/dist/src/index.d.ts

@@ -46,6 +46,7 @@ export { Table } from "./Table";
 export type { TableCellInfoType, TableColumnType, TableProps, TableRowType } from "./Table";
 export { Tab, Tabs } from "./Tabs";
 export { Textarea } from "./Textarea";
+export { desktop, phone, tablet, themes } from "./theme";
 export type { DefaultNDSThemeType, ThemeType } from "./theme";
 export { TimePicker } from "./TimePicker";
 export { TimeRange } from "./TimeRange";

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

@@ -1,2 +1,2 @@
 export { themes, phone, tablet, legacy as desktop } from "./theme";
-export type { ThemeType, DefaultNDSThemeType, Breakpoints } from "./theme.type";
+export type { ThemeType, DefaultNDSThemeType } from "./theme.type";

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

@@ -1,6 +1,7 @@
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 import { FeatureFlags } from "../NDSProvider/FeatureFlagsContext";
-import { Breakpoints, DefaultNDSThemeType, ThemeType } from "./theme.type";
+import { DefaultNDSThemeType, ThemeType } from "./theme.type";
+type Breakpoints = DefaultNDSThemeType["breakpoints"];
 export declare const buildBreakPoints: (breakpointsConfig: Readonly<Breakpoints>) => {
     map: <T>(fn: (value: string) => T) => T[];
     extraSmall: string;
@@ -17,3 +18,4 @@ export declare const buildBreakPoints: (breakpointsConfig: Readonly<Breakpoints>
 };
 export declare const getThemeByVariant: (variant: ComponentVariant, isTabletSize: boolean, featureFlags: FeatureFlags) => DefaultNDSThemeType;
 export declare function useNDSTheme(variant?: ComponentVariant, customTheme?: ThemeType): DefaultNDSThemeType;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "12.0.0",
+  "version": "12.2.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {