@synerise/ds-list-item 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@1.0.1...@synerise/ds-list-item@1.0.2) (2025-03-26)
+
+**Note:** Version bump only for package @synerise/ds-list-item
+
+
+
+
+
+## [1.0.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@1.0.0...@synerise/ds-list-item@1.0.1) (2025-03-18)
+
+**Note:** Version bump only for package @synerise/ds-list-item
+
+
+
+
+
 ## [0.7.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@0.7.6...@synerise/ds-list-item@0.7.7) (2025-03-10)
 
 **Note:** Version bump only for package @synerise/ds-list-item

package/dist/ListItem.types.d.ts

@@ -20,7 +20,7 @@ export type ItemData<EventType> = {
     item: Partial<BasicItemProps>;
     domEvent: EventType;
 };
-type ListItemEventHandler<EventType> = (item: ItemData<EventType>) => void;
+export type ListItemEventHandler<EventType> = (item: ItemData<EventType>) => void;
 export type TriggerHandle = Component<TriggerProps> & {
     getPopupDomNode: () => HTMLElement;
 };
@@ -61,4 +61,3 @@ export type ListItemProps = WithHTMLAttributes<HTMLDivElement, {
     type?: ItemType;
 }>;
 export type BasicItemProps = Omit<ListItemProps, 'type' | 'text' | 'level' | 'higher'>;
-export {};

package/dist/components/HoverTooltip/HoverTooltip.js

@@ -36,7 +36,9 @@ var HoverTooltip = function HoverTooltip(_ref) {
       },
       zIndex: zIndex
     }, hoverTooltipProps), /*#__PURE__*/React.createElement("div", {
-      style: style
+      style: _extends({
+        position: 'relative'
+      }, style)
     }, children)))
   );
 };

package/dist/components/Text/Text.d.ts

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

package/dist/components/Text/Text.js

@@ -7,6 +7,7 @@ import { renderWithHighlight } from '@synerise/ds-utils';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { AngleRightS, CheckS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
+import { itemSizes } from '../../ListItem.types';
 import * as S from './Text.styles';
 import { HoverTooltip } from '../index';
 import { renderAddon, removeHandlerProps } from './utils';
@@ -118,7 +119,8 @@ var Text = function Text(props) {
     noHover: noHover,
     highlight: !!highlight,
     size: size,
-    style: renderHoverTooltip ? undefined : style
+    style: renderHoverTooltip ? undefined : style,
+    inTooltip: !!renderHoverTooltip
   }, rest), /*#__PURE__*/React.createElement(Tooltip, _extends({
     type: "default",
     trigger: "click",
@@ -131,7 +133,7 @@ var Text = function Text(props) {
   }, prefixElement), /*#__PURE__*/React.createElement(S.Content, {
     className: "ds-list-item-content",
     highlight: !!highlight
-  }, canCopyToClipboard && hovered && copyHint ? copyHint : childrenWithHighlight, !!description && /*#__PURE__*/React.createElement(S.Description, null, description)), parent && /*#__PURE__*/React.createElement(S.ArrowRight, null, /*#__PURE__*/React.createElement(Icon, {
+  }, canCopyToClipboard && hovered && copyHint ? copyHint : childrenWithHighlight, description && size === itemSizes.LARGE && /*#__PURE__*/React.createElement(S.Description, null, description)), parent && /*#__PURE__*/React.createElement(S.ArrowRight, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(AngleRightS, null),
     color: theme.palette['grey-600']
   })), (!!suffixElement || !!checked) && /*#__PURE__*/React.createElement(S.SuffixWrapper, {

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

@@ -10,6 +10,7 @@ type StyledListItemProps = {
     visible?: boolean;
     highlight?: boolean;
     noHover?: boolean;
+    inTooltip?: boolean;
     size?: 'default' | 'large';
 };
 export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {

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

@@ -40,17 +40,21 @@ export var Inner = styled.div.withConfig({
   displayName: "Textstyles__Inner",
   componentId: "sc-1j4eogh-4"
 })(["flex-grow:1;min-width:0;&::after{content:'';flex-grow:1;order:4;}"]);
-var selectedStyle = css(["background:", ";color:", ";"], function (props) {
+var selectedStyle = css(["background:", ";color:", ";", "{svg{fill:", ";}}"], function (props) {
   return props.theme.palette['blue-050'];
 }, function (props) {
   return props.theme.palette['blue-600'];
+}, PrefixWrapper, function (props) {
+  return props.theme.palette['blue-600'];
 });
 var highlightStyle = css(["font-weight:400;.ds-list-item-highlight{font-weight:600;}"]);
 var orderedStyle = css(["&::before{content:none;}"]);
 export var Wrapper = styled.div.withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "sc-1j4eogh-5"
-})(["display:flex;min-width:175px;", " ", "{", " ", " ", "{transition:all ", ";opacity:", ";}", " &.ant-menu-item-selected,&.-item-selected{", "}", " ", " .ds-checkbox,.ds-checkbox > .ant-checkbox-wrapper{padding:0;}}"], function (props) {
+})(["display:flex;min-width:175px;", " ", " ", "{", " ", " ", "{transition:all ", ";opacity:", ";}", " &.ant-menu-item-selected,&.-item-selected{", "}", " ", " .ds-checkbox,.ds-checkbox > .ant-checkbox-wrapper{padding:0;}}"], function (props) {
+  return props.inTooltip && css(["height:100%;"]);
+}, 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(["", " > .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']);

package/dist/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-list-item",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "ListItem UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.0.0",
-    "@synerise/ds-tooltip": "^1.0.0",
-    "@synerise/ds-utils": "^1.0.0",
+    "@synerise/ds-icon": "^1.1.0",
+    "@synerise/ds-tooltip": "^1.1.1",
+    "@synerise/ds-utils": "^1.0.1",
     "copy-to-clipboard": "^3.3.1",
     "rc-trigger": "^5.3.4",
     "uuid": "^8.3.2"
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "e4c3690238a44b584b9ea41e4aa52b1eec42174b"
+  "gitHead": "47960dcd849dc47c85bd134bcfeb90a5505656a7"
 }