@synerise/ds-divider 1.1.3 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@1.1.3...@synerise/ds-divider@1.2.0) (2025-10-10)
+
+
+### Features
+
+* **list-item:** submenu and header ([71fa4bf](https://github.com/Synerise/synerise-design/commit/71fa4bfadd5fdb52d61dfe8fe87a9e47567e5d16))
+
+
+
+
+
 ## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@1.1.2...@synerise/ds-divider@1.1.3) (2025-09-30)
 
 **Note:** Version bump only for package @synerise/ds-divider

package/dist/Divider.types.d.ts

@@ -7,6 +7,7 @@ export type DividerProps = WithHTMLAttributes<HTMLDivElement, {
     labelAbove?: ReactNode;
     labelBelow?: ReactNode;
     hiddenLine?: boolean;
+    withSideMargin?: boolean;
     type?: DividerType;
     dashed?: boolean;
 }>;

package/dist/components/Line.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DividerProps } from '../Divider.types';
-export declare const Line: ({ marginBottom, marginTop, type, dashed, className, ...htmlAttributes }: DividerProps) => React.JSX.Element;
+export declare const Line: ({ marginBottom, marginTop, type, dashed, withSideMargin, className, ...htmlAttributes }: DividerProps) => React.JSX.Element;

package/dist/components/Line.js

@@ -1,4 +1,4 @@
-var _excluded = ["marginBottom", "marginTop", "type", "dashed", "className"];
+var _excluded = ["marginBottom", "marginTop", "type", "dashed", "withSideMargin", "className"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
@@ -10,6 +10,7 @@ export var Line = function Line(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'horizontal' : _ref$type,
     dashed = _ref.dashed,
+    withSideMargin = _ref.withSideMargin,
     className = _ref.className,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var svgProps = SVG_PROPS[type];
@@ -18,6 +19,7 @@ export var Line = function Line(_ref) {
     role: "separator",
     marginTop: marginTop,
     marginBottom: marginBottom,
+    withSideMargin: withSideMargin,
     type: type,
     dashed: dashed
   }, htmlAttributes), /*#__PURE__*/React.createElement("svg", _extends({}, svgProps.svgAttributes, {
@@ -26,6 +28,6 @@ export var Line = function Line(_ref) {
     strokeWidth: 2,
     vectorEffect: "non-scaling-stroke",
     stroke: "currentColor",
-    "stroke-dasharray": "" + (dashed ? '1 2' : '')
+    strokeDasharray: "" + (dashed ? '1 2' : '')
   }))));
 };

package/dist/components/Line.styles.d.ts

@@ -2,6 +2,7 @@ import { type DividerType } from '../Divider.types';
 export declare const Line: import("styled-components").StyledComponent<"div", any, {
     marginTop?: number;
     marginBottom?: number;
+    withSideMargin?: boolean;
     type?: DividerType;
     dashed?: boolean;
 }, never>;

package/dist/components/Line.styles.js

@@ -2,18 +2,18 @@ import styled from 'styled-components';
 export var Line = styled.div.withConfig({
   displayName: "Linestyles__Line",
   componentId: "sc-1fokvnj-0"
-})(["display:", ";vertical-align:", ";margin:", ";margin-bottom:", "px;margin-top:", "px;width:", ";height:", ";color:", ";"], function (props) {
-  return props.type === 'vertical' ? 'inline-block' : 'flex';
+})(["display:", ";vertical-align:", ";", " margin-bottom:", "px;margin-top:", "px;width:", ";height:", ";overflow:hidden;color:", ";"], function (props) {
+  return props.type === 'vertical' ? 'inline-block' : 'block';
 }, function (props) {
   return props.type === 'vertical' ? 'middle' : undefined;
 }, function (props) {
-  return props.type === 'vertical' ? '0 8px' : '0';
+  return props.type === 'vertical' ? "\n        margin: 0 8px;\n      " : "\n      margin: 0 " + (props.withSideMargin ? '12px' : '0px') + ";\n      ";
 }, function (props) {
-  return props.marginBottom;
+  return props.marginBottom || 0;
 }, function (props) {
-  return props.marginTop;
+  return props.marginTop || 0;
 }, function (props) {
-  return props.type === 'horizontal' ? '100%' : '1px';
+  return props.type === 'horizontal' ? 'auto' : '1px';
 }, function (props) {
   return props.type === 'vertical' ? '0.9em' : '1px';
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-divider",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "Divider UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,13 +35,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-typography": "^1.0.21",
-    "@synerise/ds-utils": "^1.4.2"
+    "@synerise/ds-typography": "^1.0.22",
+    "@synerise/ds-utils": "^1.5.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "a89d4a4d780cd537376fbc58a58ed572fdad925b"
+  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
 }