@synerise/ds-divider 0.5.44 → 0.6.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.6.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@0.5.44...@synerise/ds-divider@0.6.0) (2023-10-06)
+
+
+### Features
+
+* **divider:** adds label props to divider ([e8f092a](https://github.com/Synerise/synerise-design/commit/e8f092a8f462e7f86ccebfecb9164715bdd21f02))
+* **slider:** add possibility to block allocation handler ([7c8f33c](https://github.com/Synerise/synerise-design/commit/7c8f33c7b2ca2616a53f94370161030e350d16e4))
+
+
+
+
+
 ## [0.5.44](https://github.com/Synerise/synerise-design/compare/@synerise/ds-divider@0.5.43...@synerise/ds-divider@0.5.44) (2023-10-02)
 
 **Note:** Version bump only for package @synerise/ds-divider

package/README.md

@@ -26,8 +26,10 @@ import Divider from '@synerise/ds-divider';
 | ------------ | -------------------------------- | ------------------------- | ---------- |
 | marginTop    | Value for top margin             | number                    | 0          |
 | 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 |
+| style        | Style object of container        | React.CSSProperties       | -          |
+| type         | Direction type of divider        | enum: horizontal vertical | horizontal |

package/dist/Divider.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import './style/index.less';
 import { DividerProps } from './Divider.types';
-declare const Divider: React.FC<DividerProps>;
+declare const Divider: ({ marginBottom, marginTop, style, labelAbove, labelBelow, ...antdDividerProps }: DividerProps) => JSX.Element;
 export default Divider;

package/dist/Divider.js

@@ -1,4 +1,4 @@
-var _excluded = ["marginBottom", "marginTop", "style"];
+var _excluded = ["marginBottom", "marginTop", "style", "labelAbove", "labelBelow"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -10,24 +10,34 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import * as React from 'react';
+import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
 import AntdDivider from 'antd/lib/divider';
+import * as S from './Divider.styles';
 
 var Divider = function Divider(_ref) {
   var marginBottom = _ref.marginBottom,
       marginTop = _ref.marginTop,
       style = _ref.style,
+      labelAbove = _ref.labelAbove,
+      labelBelow = _ref.labelBelow,
       antdDividerProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(AntdDivider // eslint-disable-next-line react/jsx-props-no-spreading
+  var divider = /*#__PURE__*/React.createElement(AntdDivider // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, antdDividerProps, {
     style: _objectSpread({
       marginBottom: marginBottom,
       marginTop: marginTop
     }, style)
   }));
+  var contentAbove = labelAbove && /*#__PURE__*/React.createElement(S.Label, {
+    level: 7
+  }, labelAbove);
+  var contentBelow = labelBelow && /*#__PURE__*/React.createElement(S.Label, {
+    level: 7
+  }, labelBelow);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, contentAbove, divider, contentBelow);
 };
 
 export default Divider;

package/dist/Divider.styles.d.ts

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

package/dist/Divider.styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import { Title } from '@synerise/ds-typography';
+export var Label = 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'];
+});

package/dist/Divider.types.d.ts

@@ -1,5 +1,8 @@
 import { DividerProps as AntDividerProps } from 'antd/lib/divider';
+import { ReactNode } from 'react';
 export interface DividerProps extends AntDividerProps {
     marginTop?: number;
     marginBottom?: number;
+    labelAbove?: ReactNode;
+    labelBelow?: ReactNode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-divider",
-  "version": "0.5.44",
+  "version": "0.6.0",
   "description": "Divider UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -40,5 +40,5 @@
     "@synerise/ds-utils": "^0.24.17",
     "@testing-library/jest-dom": "5.1.1"
   },
-  "gitHead": "1c1adf344f447e404a1d6320ad1d3f8486f29f67"
+  "gitHead": "d944339a738211d8f74b27360481aafd7ef51ddd"
 }