@nulogy/components 10.2.12 → 10.2.14

package/dist/main.js

@@ -41794,17 +41794,22 @@
       }, props)));
     });
 
-    var Divider$1 = function Divider(_a) {
-      var _a$borderColor = _a.borderColor,
-          borderColor = _a$borderColor === void 0 ? "lightGrey" : _a$borderColor,
-          props = __rest(_a, ["borderColor"]);
-
-      return /*#__PURE__*/React__default["default"].createElement(Box, Object.assign({
-        as: "hr",
-        borderTop: "1px solid",
-        borderColor: borderColor
-      }, props));
-    };
+    var Divider$1 = styled__default["default"].div.withConfig({
+      displayName: "Divider",
+      componentId: "sc-1r789ib-0"
+    })(function (_ref) {
+      var theme = _ref.theme,
+          color = _ref.color;
+      return {
+        display: "flex",
+        marginTop: theme.space.x2,
+        marginBottom: theme.space.x2,
+        marginLeft: "0",
+        marginRight: "0",
+        borderBottom: "1px solid",
+        borderColor: color ? color : theme.colors.lightGrey
+      };
+    }, addStyledProps);
 
     var ApplicationFrame = function ApplicationFrame(_a) {
       var navBar = _a.navBar,
@@ -51456,6 +51461,7 @@
           onClick = _ref.onClick;
       return /*#__PURE__*/React__default["default"].createElement(AnimatedBox, {
         position: "relative",
+        flexShrink: 0,
         height: "24px",
         width: "48px",
         bg: disabled ? "grey" : getSwitchBackground(toggled),

package/dist/main.module.js

@@ -41777,17 +41777,22 @@ var DateRange = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, props)));
 });
 
-var Divider$1 = function Divider(_a) {
-  var _a$borderColor = _a.borderColor,
-      borderColor = _a$borderColor === void 0 ? "lightGrey" : _a$borderColor,
-      props = __rest(_a, ["borderColor"]);
-
-  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
-    as: "hr",
-    borderTop: "1px solid",
-    borderColor: borderColor
-  }, props));
-};
+var Divider$1 = styled.div.withConfig({
+  displayName: "Divider",
+  componentId: "sc-1r789ib-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+      color = _ref.color;
+  return {
+    display: "flex",
+    marginTop: theme.space.x2,
+    marginBottom: theme.space.x2,
+    marginLeft: "0",
+    marginRight: "0",
+    borderBottom: "1px solid",
+    borderColor: color ? color : theme.colors.lightGrey
+  };
+}, addStyledProps);
 
 var ApplicationFrame = function ApplicationFrame(_a) {
   var navBar = _a.navBar,
@@ -51439,6 +51444,7 @@ function Switch(_ref) {
       onClick = _ref.onClick;
   return /*#__PURE__*/React__default.createElement(AnimatedBox, {
     position: "relative",
+    flexShrink: 0,
     height: "24px",
     width: "48px",
     bg: disabled ? "grey" : getSwitchBackground(toggled),

package/dist/src/Divider/Divider.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
-import { BoxProps } from "../Box/Box";
-declare const Divider: ({ borderColor, ...props }: BoxProps) => React.JSX.Element;
+import { StyledProps } from "../StyledProps";
+declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledProps, never>;
 export default Divider;

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

@@ -1,7 +1,9 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: ({ borderColor, ...props }: import("../Box/Box").BoxProps) => React.JSX.Element;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").StyledProps, never>;
 };
 export default _default;
-export declare const _Divider: () => React.JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const WithCustomColourAndSpacing: () => React.JSX.Element;
+export declare const WithCustomProperties: () => React.JSX.Element;

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

@@ -41,6 +41,7 @@ export declare const WithLongText: {
         name: string;
     };
 };
+export declare const WithContraintWidth: () => React.JSX.Element;
 export declare const ControlledToggle: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
     (): React.JSX.Element;

package/package.json

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