@synerise/ds-divider 1.3.0 → 1.3.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@1.3.1...@synerise/ds-divider@1.3.2) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-divider
+
+## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@1.3.0...@synerise/ds-divider@1.3.1) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-divider
+
 # [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@1.2.17...@synerise/ds-divider@1.3.0) (2026-03-09)
 
 ### Features

package/README.md

@@ -29,9 +29,9 @@ import Divider from '@synerise/ds-divider';
 | marginBottom | Value for bottom margin          | number                    | 0          |
 | labelAbove   | Label to display above divider   | ReactNode                 |            |
 | labelBelow   | Label to display below divider   | ReactNode                 |            |
-| className    | ClassName of container           | string                    | -          |
-| dashed       | Whether line is dashed           | boolean                   | `false`    |
-| orientation  | Position of title inside divider | enum: left right center   | center     |
-| style        | Style object of container        | React.CSSProperties       | -          |
-| type         | Direction type of divider        | enum: horizontal vertical | horizontal |
-| hiddenLine   | Posibility to show only headers  | boolean                   | `false`    |
+| className     | ClassName of container                            | string                    | -          |
+| dashed        | Whether line is dashed                            | boolean                   | `false`    |
+| style         | Style object of container                         | React.CSSProperties       | -          |
+| type          | Direction type of divider                         | enum: horizontal vertical | horizontal |
+| hiddenLine    | Show only labels, hide the line                   | boolean                   | `false`    |
+| withSideMargin | Add 12px left/right margin to horizontal dividers | boolean                   | -          |

package/dist/Divider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type DividerProps } from './Divider.types';
+import { default as React } from 'react';
+import { DividerProps } from './Divider.types';
 declare const Divider: (props: DividerProps) => React.JSX.Element;
 export default Divider;

package/dist/Divider.js

@@ -1,18 +1,21 @@
-import React from 'react';
-import * as S from './Divider.styles';
-import { Line } from './components/Line';
-var Divider = function Divider(props) {
-  var labelAbove = props.labelAbove,
-    labelBelow = props.labelBelow,
-    _props$hiddenLine = props.hiddenLine,
-    hiddenLine = _props$hiddenLine === void 0 ? false : _props$hiddenLine;
-  var contentAbove = labelAbove && /*#__PURE__*/React.createElement(S.Label, {
-    level: 7
-  }, labelAbove);
-  var contentBelow = labelBelow && /*#__PURE__*/React.createElement(S.Label, {
-    level: 7
-  }, labelBelow);
-  var line = !hiddenLine && /*#__PURE__*/React.createElement(Line, props);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, contentAbove, line, contentBelow);
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Label } from "./Divider.styles.js";
+import { Line } from "./components/Line.js";
+const Divider = (props) => {
+  const {
+    labelAbove,
+    labelBelow,
+    hiddenLine = false
+  } = props;
+  const contentAbove = labelAbove && /* @__PURE__ */ jsx(Label, { level: 7, children: labelAbove });
+  const contentBelow = labelBelow && /* @__PURE__ */ jsx(Label, { level: 7, children: labelBelow });
+  const line = !hiddenLine && /* @__PURE__ */ jsx(Line, { ...props });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    contentAbove,
+    line,
+    contentBelow
+  ] });
+};
+export {
+  Divider as default
 };
-export default Divider;

package/dist/Divider.styles.d.ts

@@ -1 +1 @@
-export declare const Label: import("styled-components").StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import("@synerise/ds-typography/dist/Title.types").Props) => React.JSX.Element, any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import('@synerise/ds-typography/dist/Title.types').Props) => React.JSX.Element, any, {}, never>;

package/dist/Divider.styles.js

@@ -1,9 +1,11 @@
-import styled from 'styled-components';
-import { Title } from '@synerise/ds-typography';
-export var Label = styled(Title).withConfig({
+import styled from "styled-components";
+import { Title } from "@synerise/ds-typography";
+const Label = /* @__PURE__ */ styled(Title).withConfig({
   displayName: "Dividerstyles__Label",
   componentId: "sc-1euulm7-0"
-})(["text-transform:uppercase;color:", ";height:16px;margin:12px;line-height:1.6;letter-spacing:0.1px;"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette['grey-500'];
-});
+})(["text-transform:uppercase;color:", ";height:16px;margin:12px;line-height:1.6;letter-spacing:0.1px;"], ({
+  theme
+}) => theme.palette["grey-500"]);
+export {
+  Label
+};

package/dist/Divider.types.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type DividerType = 'vertical' | 'horizontal';
 export type DividerProps = WithHTMLAttributes<HTMLDivElement, {
     marginTop?: number;

package/dist/Divider.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,5 +1,5 @@
-import { type SVGAttributes } from 'react';
-import { type DividerType } from '../Divider.types';
+import { SVGAttributes } from 'react';
+import { DividerType } from '../Divider.types';
 export declare const SVG_PROPS: Record<DividerType, {
     svgAttributes: SVGAttributes<SVGElement>;
     lineAttributes: SVGAttributes<SVGLineElement>;

package/dist/components/Line.const.js

@@ -1,26 +1,29 @@
-export var SVG_PROPS = {
+const SVG_PROPS = {
   horizontal: {
     svgAttributes: {
-      viewBox: '0 0 1 1',
-      width: '100%'
+      viewBox: "0 0 1 1",
+      width: "100%"
     },
     lineAttributes: {
-      x1: '0',
-      y1: '0',
-      x2: '1',
-      y2: '0'
+      x1: "0",
+      y1: "0",
+      x2: "1",
+      y2: "0"
     }
   },
   vertical: {
     svgAttributes: {
-      viewBox: '0 0 1 1',
-      height: '100%'
+      viewBox: "0 0 1 1",
+      height: "100%"
     },
     lineAttributes: {
-      x1: '0',
-      y1: '0',
-      x2: '0',
-      y2: '1'
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "1"
     }
   }
-};
+};
+export {
+  SVG_PROPS
+};

package/dist/components/Line.d.ts

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

package/dist/components/Line.js

@@ -1,33 +1,18 @@
-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';
-import { SVG_PROPS } from './Line.const';
-import * as S from './Line.styles';
-export var Line = function Line(_ref) {
-  var marginBottom = _ref.marginBottom,
-    marginTop = _ref.marginTop,
-    _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];
-  return /*#__PURE__*/React.createElement(S.Line, _extends({
-    className: "ds-divider-line ds-divider-" + type + " ds-divider-" + (dashed ? 'dashed' : 'solid') + " " + className,
-    role: "separator",
-    marginTop: marginTop,
-    marginBottom: marginBottom,
-    withSideMargin: withSideMargin,
-    type: type,
-    dashed: dashed
-  }, htmlAttributes), /*#__PURE__*/React.createElement("svg", _extends({}, svgProps.svgAttributes, {
-    preserveAspectRatio: "none"
-  }), /*#__PURE__*/React.createElement("line", _extends({}, svgProps.lineAttributes, {
-    strokeWidth: 2,
-    vectorEffect: "non-scaling-stroke",
-    stroke: "currentColor",
-    strokeDasharray: "" + (dashed ? '1 2' : '')
-  }))));
-};
+import { jsx } from "react/jsx-runtime";
+import { SVG_PROPS } from "./Line.const.js";
+import { Line as Line$1 } from "./Line.styles.js";
+const Line = ({
+  marginBottom,
+  marginTop,
+  type = "horizontal",
+  dashed,
+  withSideMargin,
+  className,
+  ...htmlAttributes
+}) => {
+  const svgProps = SVG_PROPS[type];
+  return /* @__PURE__ */ jsx(Line$1, { className: `ds-divider-line ds-divider-${type} ds-divider-${dashed ? "dashed" : "solid"} ${className}`, role: "separator", marginTop, marginBottom, withSideMargin, type, dashed, ...htmlAttributes, children: /* @__PURE__ */ jsx("svg", { ...svgProps.svgAttributes, preserveAspectRatio: "none", children: /* @__PURE__ */ jsx("line", { ...svgProps.lineAttributes, strokeWidth: 2, vectorEffect: "non-scaling-stroke", stroke: "currentColor", strokeDasharray: `${dashed ? "1 2" : ""}` }) }) });
+};
+export {
+  Line
+};

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

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

package/dist/components/Line.styles.js

@@ -1,21 +1,12 @@
-import styled from 'styled-components';
-export var Line = styled.div.withConfig({
+import styled from "styled-components";
+const Line = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Linestyles__Line",
   componentId: "sc-1fokvnj-0"
-})(["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' ? "\n        margin: 0 8px;\n      " : "\n      margin: 0 " + (props.withSideMargin ? '12px' : '0px') + ";\n      ";
-}, function (props) {
-  return props.marginBottom || 0;
-}, function (props) {
-  return props.marginTop || 0;
-}, function (props) {
-  return props.type === 'horizontal' ? 'auto' : '1px';
-}, function (props) {
-  return props.type === 'vertical' ? '0.9em' : '1px';
-}, function (props) {
-  return props.dashed ? props.theme.palette['grey-400'] : props.theme.palette['grey-300'];
-});
+})(["display:", ";vertical-align:", ";", " margin-bottom:", "px;margin-top:", "px;width:", ";height:", ";overflow:hidden;color:", ";"], (props) => props.type === "vertical" ? "inline-block" : "block", (props) => props.type === "vertical" ? "middle" : void 0, (props) => props.type === "vertical" ? `
+        margin: 0 8px;
+      ` : `
+      margin: 0 ${props.withSideMargin ? "12px" : "0px"};
+      `, (props) => props.marginBottom || 0, (props) => props.marginTop || 0, (props) => props.type === "horizontal" ? "auto" : "1px", (props) => props.type === "vertical" ? "0.9em" : "1px", (props) => props.dashed ? props.theme.palette["grey-400"] : props.theme.palette["grey-300"]);
+export {
+  Line
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Divider';
+import { default as default2 } from "./Divider.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-divider",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Divider UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,15 +16,15 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
-    "test": "vitest",
-    "test:watch": "pnpm run test -- --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,8 +35,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-typography": "^1.1.11",
-    "@synerise/ds-utils": "^1.6.0"
+    "@synerise/ds-typography": "^1.1.13",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "devDependencies": {
     "vitest": "4"
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }