@nulogy/components 13.3.1 → 13.4.0

package/dist/main.js

@@ -49189,6 +49189,28 @@
       }, props), children);
     };
 
+    var VerticalDivider = styled__default["default"].div.withConfig({
+      displayName: "VerticalDivider",
+      componentId: "sc-18klwrc-0"
+    })(function (_ref) {
+      var theme = _ref.theme,
+          color = _ref.color,
+          secondary = _ref.secondary;
+      return {
+        display: "inline",
+        borderLeftColor: color || (secondary ? theme.colors.whiteGrey : theme.colors.lightGrey),
+        borderLeftWidth: "1px",
+        borderLeftStyle: "solid",
+        borderTop: "none",
+        borderBottom: "none",
+        borderRight: "none",
+        height: theme.sizes.x2,
+        marginLeft: theme.space.x2,
+        marginRight: theme.space.x2
+      };
+    }, addStyledProps);
+    VerticalDivider.displayName = "VerticalDivider";
+
     exports.ALL_NDS_LOCALES = ALL_NDS_LOCALES;
     exports.Alert = Alert$1;
     exports.AnimatedBox = AnimatedBox;
@@ -49291,6 +49313,7 @@
     exports.Tooltip = Tooltip;
     exports.TopBar = TopBar;
     exports.TruncatedText = TruncatedText;
+    exports.VerticalDivider = VerticalDivider;
     exports.addStyledProps = addStyledProps;
     exports.desktop = legacy;
     exports.phone = phone;

package/dist/main.module.js

@@ -49172,4 +49172,26 @@ 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, DescriptionDetails, DescriptionList, DescriptionTerm, 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, MonthPicker, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect 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 };
+var VerticalDivider = styled.div.withConfig({
+  displayName: "VerticalDivider",
+  componentId: "sc-18klwrc-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+      color = _ref.color,
+      secondary = _ref.secondary;
+  return {
+    display: "inline",
+    borderLeftColor: color || (secondary ? theme.colors.whiteGrey : theme.colors.lightGrey),
+    borderLeftWidth: "1px",
+    borderLeftStyle: "solid",
+    borderTop: "none",
+    borderBottom: "none",
+    borderRight: "none",
+    height: theme.sizes.x2,
+    marginLeft: theme.space.x2,
+    marginRight: theme.space.x2
+  };
+}, addStyledProps);
+VerticalDivider.displayName = "VerticalDivider";
+
+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, DescriptionDetails, DescriptionList, DescriptionTerm, 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, MonthPicker, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect 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, VerticalDivider, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };

package/dist/src/VerticalDivider/VerticalDivider.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { StyledProps } from "../StyledProps";
+export interface DividerProps extends StyledProps, React.HTMLAttributes<HTMLDivElement> {
+    secondary?: boolean;
+}
+declare const VerticalDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DividerProps>> & string;
+export default VerticalDivider;

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

@@ -0,0 +1,8 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("./VerticalDivider").DividerProps>> & string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const WithCustomColourAndSpacing: () => React.JSX.Element;

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

@@ -0,0 +1 @@
+export { default as VerticalDivider } from "./VerticalDivider";

package/dist/src/index.d.ts

@@ -61,3 +61,4 @@ export { Heading1, Heading2, Heading3, Heading4, Text } from "./Type";
 export type { TextProps } from "./Type";
 export { useWindowDimensions } from "./utils";
 export { InlineValidation } from "./Validation";
+export { VerticalDivider } from "./VerticalDivider";

package/package.json

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