@synerise/ds-list-item 0.4.19 → 0.5.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@0.5.0...@synerise/ds-list-item@0.5.1) (2024-11-29)
+
+**Note:** Version bump only for package @synerise/ds-list-item
+
+
+
+
+
+# [0.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@0.4.19...@synerise/ds-list-item@0.5.0) (2024-11-28)
+
+
+### Features
+
+* **items-roll:** replaced Menu.Item with ListItem ([2cfcbdc](https://github.com/Synerise/synerise-design/commit/2cfcbdc501c0ad21557372c0f9d9cb76b3d034cb))
+
+
+
+
+
 ## [0.4.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@0.4.18...@synerise/ds-list-item@0.4.19) (2024-11-21)
 
 

package/dist/ListItem.js

@@ -1,34 +1,26 @@
 var _excluded = ["text", "children", "type"];
-
 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 React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import { itemTypes } from './ListItem.types';
 import { Text, Danger, Select } from './components';
 import { MenuDivider } from './ListItem.styles';
-
 var ListItem = function ListItem(props) {
   var text = props.text,
-      children = props.children,
-      type = props.type,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    children = props.children,
+    type = props.type,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   switch (type) {
     case itemTypes.DANGER:
       return /*#__PURE__*/React.createElement(Danger, rest, text || children);
-
     case itemTypes.SELECT:
       return /*#__PURE__*/React.createElement(Select, rest, text || children);
-
     case itemTypes.DIVIDER:
       return /*#__PURE__*/React.createElement(MenuDivider, {
         level: rest.level
       });
-
     default:
       return /*#__PURE__*/React.createElement(Text, rest, text || children);
   }
 };
-
 export default ListItem;

package/dist/components/Danger/Danger.js

@@ -1,15 +1,10 @@
 var _excluded = ["children"];
-
 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 React from 'react';
 import * as S from './Danger.styles';
-
 var Danger = function Danger(_ref) {
   var children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.DangerItem, rest, children);
 };
-
 export default Danger;

package/dist/components/Danger/Danger.styles.js

@@ -1,9 +1,6 @@
 var _excluded = ["children", "disabled"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 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 styled from 'styled-components';
 import React from 'react';
 import { IconContainer } from '@synerise/ds-icon';
@@ -11,9 +8,8 @@ import Text from '../Text/Text';
 import { Wrapper, Inner, PrefixWrapper } from '../Text/Text.styles';
 export var DangerItem = styled(function (_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Text, _extends({
     disabled: disabled
   }, rest), children);

package/dist/components/GroupItem/GroupItem.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { ListItemProps } from '../../ListItem.types';
+type GroupItemProps = {
+    title: ReactNode;
+    children?: ReactNode;
+    items?: ListItemProps[];
+};
+export declare const GroupItem: ({ title, items, children }: GroupItemProps) => React.JSX.Element;
+export {};

package/dist/components/GroupItem/GroupItem.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import ListItem from '../../ListItem';
+import * as S from './GroupItem.styles';
+export var GroupItem = function GroupItem(_ref) {
+  var title = _ref.title,
+    items = _ref.items,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Title, null, title), items == null ? void 0 : items.map(ListItem), children);
+};

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

@@ -0,0 +1 @@
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/GroupItem/GroupItem.styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+export var Title = styled.div.withConfig({
+  displayName: "GroupItemstyles__Title",
+  componentId: "sc-1ut24k3-0"
+})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 0;"], function (props) {
+  return props.theme.palette['grey-500'];
+});

package/dist/components/HoverTooltip/HoverTooltip.js

@@ -1,25 +1,22 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React, { useCallback } from 'react';
 import Trigger from 'rc-trigger';
 import { useTheme } from '@synerise/ds-core';
 import { TRIGGER_PLACEMENTS } from '../../utils';
-
 var HoverTooltip = function HoverTooltip(_ref) {
   var _hoverTooltipProps$de;
-
   var hoverTooltipProps = _ref.hoverTooltipProps,
-      renderHoverTooltip = _ref.renderHoverTooltip,
-      children = _ref.children,
-      style = _ref.style;
+    renderHoverTooltip = _ref.renderHoverTooltip,
+    children = _ref.children,
+    style = _ref.style;
   var dsTheme = useTheme();
   var zIndex = parseInt(dsTheme.variables['zindex-tooltip'], 10);
   var cancelBubblingEvent = useCallback(function () {
     return function (event) {
       return event.stopPropagation();
     };
-  }, []); // onKeyDown is used to disallow propagating key events to tooltip's container element
-
+  }, []);
+  // onKeyDown is used to disallow propagating key events to tooltip's container element
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -43,5 +40,4 @@ var HoverTooltip = function HoverTooltip(_ref) {
     }, children)))
   );
 };
-
 export default HoverTooltip;

package/dist/components/Select/Select.js

@@ -1,21 +1,15 @@
 var _excluded = ["children"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 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 React from 'react';
 import { v4 as uuid } from 'uuid';
 import '@synerise/ds-core/dist/js/style';
 import * as S from './Select.styles';
-
 var Select = function Select(_ref) {
   var children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.SelectItem, _extends({
     key: uuid()
   }, rest), children);
 };
-
 export default Select;

package/dist/components/Select/Select.styles.js

@@ -1,18 +1,14 @@
 var _excluded = ["children", "disabled"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 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 React from 'react';
 import styled from 'styled-components';
 import { SuffixWrapper } from '../Text/Text.styles';
 import Text from '../Text/Text';
 export var SelectItem = styled(function (_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Text, _extends({
     disabled: disabled
   }, rest), children);

package/dist/components/Text/Text.js

@@ -1,19 +1,11 @@
 var _excluded = ["checked", "className", "children", "itemKey", "noHover", "size", "prefixel", "suffixel", "copyable", "copyHint", "copyValue", "copyTooltip", "timeToHideTooltip", "tooltipProps", "disabled", "description", "parent", "ordered", "onClick", "onMouseOver", "onMouseDown", "onMouseLeave", "onFocus", "onItemHover", "prefixVisibilityTrigger", "suffixVisibilityTrigger", "highlight", "style", "hoverTooltipProps", "renderHoverTooltip"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 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 React, { useState, useMemo } from 'react';
 import copy from 'copy-to-clipboard';
 import { renderWithHighlight } from '@synerise/ds-utils';
@@ -23,44 +15,41 @@ import { theme } from '@synerise/ds-core';
 import * as S from './Text.styles';
 import { HoverTooltip } from '../index';
 import { renderAddon, removeHandlerProps } from './utils';
-
 var Text = function Text(props) {
   var checked = props.checked,
-      className = props.className,
-      children = props.children,
-      itemKey = props.itemKey,
-      noHover = props.noHover,
-      size = props.size,
-      prefixel = props.prefixel,
-      suffixel = props.suffixel,
-      copyable = props.copyable,
-      copyHint = props.copyHint,
-      copyValue = props.copyValue,
-      copyTooltip = props.copyTooltip,
-      timeToHideTooltip = props.timeToHideTooltip,
-      tooltipProps = props.tooltipProps,
-      disabled = props.disabled,
-      description = props.description,
-      parent = props.parent,
-      ordered = props.ordered,
-      onClick = props.onClick,
-      onMouseOver = props.onMouseOver,
-      onMouseDown = props.onMouseDown,
-      onMouseLeave = props.onMouseLeave,
-      onFocus = props.onFocus,
-      onItemHover = props.onItemHover,
-      prefixVisibilityTrigger = props.prefixVisibilityTrigger,
-      suffixVisibilityTrigger = props.suffixVisibilityTrigger,
-      highlight = props.highlight,
-      style = props.style,
-      hoverTooltipProps = props.hoverTooltipProps,
-      renderHoverTooltip = props.renderHoverTooltip,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = props.className,
+    children = props.children,
+    itemKey = props.itemKey,
+    noHover = props.noHover,
+    size = props.size,
+    prefixel = props.prefixel,
+    suffixel = props.suffixel,
+    copyable = props.copyable,
+    copyHint = props.copyHint,
+    copyValue = props.copyValue,
+    copyTooltip = props.copyTooltip,
+    timeToHideTooltip = props.timeToHideTooltip,
+    tooltipProps = props.tooltipProps,
+    disabled = props.disabled,
+    description = props.description,
+    parent = props.parent,
+    ordered = props.ordered,
+    onClick = props.onClick,
+    onMouseOver = props.onMouseOver,
+    onMouseDown = props.onMouseDown,
+    onMouseLeave = props.onMouseLeave,
+    onFocus = props.onFocus,
+    onItemHover = props.onItemHover,
+    prefixVisibilityTrigger = props.prefixVisibilityTrigger,
+    suffixVisibilityTrigger = props.suffixVisibilityTrigger,
+    highlight = props.highlight,
+    style = props.style,
+    hoverTooltipProps = props.hoverTooltipProps,
+    renderHoverTooltip = props.renderHoverTooltip,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState(false),
-      hovered = _useState[0],
-      setHovered = _useState[1];
-
+    hovered = _useState[0],
+    setHovered = _useState[1];
   var canCopyToClipboard = copyable && copyValue && !disabled;
   var showSuffixOnHover = suffixVisibilityTrigger === 'hover';
   var showPrefixOnHover = prefixVisibilityTrigger === 'hover';
@@ -74,24 +63,20 @@ var Text = function Text(props) {
     if (showSuffixOnHover) {
       return (!!suffixElement || !!checked) && hovered;
     }
-
     return !!suffixElement || !!checked;
   }, [showSuffixOnHover, suffixElement, checked, hovered]);
   var shouldRenderPrefix = useMemo(function () {
     if (showPrefixOnHover) {
       return !!prefixElement && hovered;
     }
-
     return !!prefixElement;
   }, [showPrefixOnHover, prefixElement, hovered]);
   var childrenWithHighlight = useMemo(function () {
     if (highlight && typeof children === 'string') {
       return renderWithHighlight(children, highlight, 'ds-list-item-highlight', 'ds-list-item-highlight');
     }
-
     return children;
   }, [children, highlight]);
-
   var handleClick = function handleClick(event) {
     if (!disabled) {
       onClick && onClick(_objectSpread({}, itemData, {
@@ -99,12 +84,10 @@ var Text = function Text(props) {
       }));
     }
   };
-
   var itemData = {
     key: itemKey,
     item: removeHandlerProps(props)
   };
-
   var handleMouseOver = function handleMouseOver(event) {
     setHovered(true);
     onItemHover && onItemHover(_objectSpread({}, itemData, {
@@ -112,23 +95,19 @@ var Text = function Text(props) {
     }));
     onMouseOver && onMouseOver(event);
   };
-
   var handleMouseLeave = function handleMouseLeave(event) {
     setHovered(false);
     onMouseLeave && onMouseLeave(event);
   };
-
   var handleFocus = function handleFocus(event) {
     setHovered(true);
     onFocus && onFocus(event);
   };
-
   var handleMouseDown = function handleMouseDown(event) {
     setHovered(true);
     canCopyToClipboard && copyValue && copy(copyValue);
     onMouseDown && onMouseDown(event);
   };
-
   var TextNode = /*#__PURE__*/React.createElement(S.Wrapper, _extends({
     role: "menuitem",
     "data-testid": "ds-list-item",
@@ -168,7 +147,6 @@ var Text = function Text(props) {
     component: /*#__PURE__*/React.createElement(CheckS, null),
     color: theme.palette["green-600"]
   }), suffixElement))));
-
   if (renderHoverTooltip) {
     return /*#__PURE__*/React.createElement(HoverTooltip, {
       hoverTooltipProps: hoverTooltipProps,
@@ -176,8 +154,6 @@ var Text = function Text(props) {
       style: style
     }, TextNode);
   }
-
   return TextNode;
 };
-
 export default Text;

package/dist/components/Text/Text.styles.js

@@ -1,15 +1,12 @@
 import styled, { css } from 'styled-components';
 import { IconContainer } from '@synerise/ds-icon';
 var TRANSITION_FN = '0.2s ease-out';
-
 var hiddenElementStyle = function hiddenElementStyle() {
   return css(["opacity:0;pointer-events:none;"]);
 };
-
 var visibleElementStyle = function visibleElementStyle() {
   return css(["opacity:1;pointer-events:all;"]);
 };
-
 export var SuffixWrapper = styled.div.withConfig({
   displayName: "Textstyles__SuffixWrapper",
   componentId: "sc-1j4eogh-0"
@@ -54,7 +51,7 @@ export var Wrapper = styled.div.withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "sc-1j4eogh-5"
 })(["display:flex;", " ", "{", " ", " ", "{transition:all ", ";opacity:", ";}", " &.ant-menu-item-selected{", "}", " ", " .ds-checkbox,.ds-checkbox > .ant-checkbox-wrapper{padding:0;}}"], function (props) {
-  return props.disabled ? css(["cursor:not-allowed;opacity:0.4;svg{fill:", ";}&:hover{", "{opacity:1;svg{fill:", ";}}}"], props.theme.palette['grey-600'], ArrowRight, props.theme.palette['grey-600']) : css(["", "{svg{fill:", "};}&:hover{", "{background:", ";", ";}}&:focus:not(:active){", "{box-shadow:inset 0 0 0 2px ", ";}}&:focus:active,&:active{", "{background:", ";", "}}}"], PrefixWrapper, props.theme.palette['grey-600'], Inner, props.theme.palette['grey-050'], !props.noHover && css(["&{color:", ";}", "{", " > svg{fill:", ";}}", "{opacity:1;svg{fill:", ";}}"], props.noHover ? props.theme.palette['grey-700'] : props.theme.palette['blue-600'], PrefixWrapper, IconContainer, props.theme.palette['blue-600'], ArrowRight, props.theme.palette['blue-600']), Inner, props.theme.palette['blue-600'], Inner, props.theme.palette['blue-050'], !props.noHover && css(["color:", ";", "{", " > svg{fill:", ";}}"], props.theme.palette['blue-600'], PrefixWrapper, IconContainer, props.theme.palette['blue-600']));
+  return props.disabled ? css(["cursor:not-allowed;opacity:0.4;svg{fill:", ";}&:hover{", "{opacity:1;svg{fill:", ";}}}"], props.theme.palette['grey-600'], ArrowRight, props.theme.palette['grey-600']) : css(["", " > .ds-icon > svg{fill:", ";}&:hover{", "{background:", ";", ";}}&:focus:not(:active){", "{box-shadow:inset 0 0 0 2px ", ";}}&:focus:active,&:active{", "{background:", ";", "}}}"], PrefixWrapper, props.theme.palette['grey-600'], Inner, props.theme.palette['grey-050'], !props.noHover && css(["&{color:", ";}", "{", " > svg{fill:", ";}}", "{opacity:1;svg{fill:", ";}}"], props.noHover ? props.theme.palette['grey-700'] : props.theme.palette['blue-600'], PrefixWrapper, IconContainer, props.theme.palette['blue-600'], ArrowRight, props.theme.palette['blue-600']), Inner, props.theme.palette['blue-600'], Inner, props.theme.palette['blue-050'], !props.noHover && css(["color:", ";", "{", " > svg{fill:", ";}}"], props.theme.palette['blue-600'], PrefixWrapper, IconContainer, props.theme.palette['blue-600']));
 }, Inner, function (props) {
   return props.ordered && css(["&::before{font-weight:400;color:", ";counter-increment:ds-list-items 1;content:'0' counter(ds-list-items) '.  \\00A0';}"], props.theme.palette['grey-500']);
 }, baseStyles, ArrowRight, TRANSITION_FN, function (props) {

package/dist/components/Text/utils.js

@@ -2,7 +2,6 @@ export var renderAddon = function renderAddon(addon) {
   for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     params[_key - 1] = arguments[_key];
   }
-
   return addon instanceof Function ? addon.apply(void 0, params) : addon;
 };
 export var removeHandlerProps = function removeHandlerProps(props) {

package/dist/components/index.d.ts

@@ -2,3 +2,4 @@ export { default as Danger } from './Danger/Danger';
 export { default as Select } from './Select/Select';
 export { default as Text } from './Text/Text';
 export { default as HoverTooltip } from './HoverTooltip/HoverTooltip';
+export { GroupItem } from './GroupItem/GroupItem';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 export { default as Danger } from './Danger/Danger';
 export { default as Select } from './Select/Select';
 export { default as Text } from './Text/Text';
-export { default as HoverTooltip } from './HoverTooltip/HoverTooltip';
+export { default as HoverTooltip } from './HoverTooltip/HoverTooltip';
+export { GroupItem } from './GroupItem/GroupItem';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { default } from './ListItem';
-export { HoverTooltip } from './components';
+export { HoverTooltip, GroupItem } from './components';
 export { itemSizes, itemTypes } from './ListItem.types';
 export type { ListItemProps, BasicItemProps, ItemSize, ItemType } from './ListItem.types';

package/dist/index.js

@@ -1,3 +1,3 @@
 export { default } from './ListItem';
-export { HoverTooltip } from './components';
+export { HoverTooltip, GroupItem } from './components';
 export { itemSizes, itemTypes } from './ListItem.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-list-item",
-  "version": "0.4.19",
+  "version": "0.5.1",
   "description": "ListItem UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,8 +34,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-tooltip": "^0.14.49",
+    "@synerise/ds-icon": "^0.68.0",
+    "@synerise/ds-tooltip": "^0.14.51",
     "@synerise/ds-utils": "^0.31.2",
     "copy-to-clipboard": "^3.3.1",
     "rc-trigger": "^5.2.5",
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "9ebd107163650754a5f55680d62d30812d740084"
 }