@synerise/ds-list-item 1.4.8 → 1.4.10

package/dist/components/Text/ItemLabel.js

@@ -1,82 +1,81 @@
-var _excluded = ["onClick", "onFocus", "onBlur", "onKeyDown", "onMouseOver", "onMouseLeave", "onMouseDown", "checked", "noHover", "disabled", "ordered", "className", "hasHighlight", "prefixElement", "prefixVisible", "suffixElement", "suffixVisible", "hasSubMenu", "subMenuOpen", "content", "inTooltip", "parent", "description", "size", "indentLevel", "featured"];
-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 classnames from 'classnames';
-import React, { forwardRef } from 'react';
-import { useTheme } from '@synerise/ds-core';
-import Icon, { AngleDownS, AngleRightS, AngleUpS, CheckS } from '@synerise/ds-icon';
-import * as S from './Text.styles';
-export var ItemLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    onKeyDown = _ref.onKeyDown,
-    onMouseOver = _ref.onMouseOver,
-    onMouseLeave = _ref.onMouseLeave,
-    onMouseDown = _ref.onMouseDown,
-    checked = _ref.checked,
-    noHover = _ref.noHover,
-    disabled = _ref.disabled,
-    ordered = _ref.ordered,
-    className = _ref.className,
-    hasHighlight = _ref.hasHighlight,
-    prefixElement = _ref.prefixElement,
-    prefixVisible = _ref.prefixVisible,
-    suffixElement = _ref.suffixElement,
-    suffixVisible = _ref.suffixVisible,
-    hasSubMenu = _ref.hasSubMenu,
-    subMenuOpen = _ref.subMenuOpen,
-    content = _ref.content,
-    inTooltip = _ref.inTooltip,
-    parent = _ref.parent,
-    description = _ref.description,
-    size = _ref.size,
-    indentLevel = _ref.indentLevel,
-    featured = _ref.featured,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement(S.Wrapper, _extends({
-    role: "menuitem",
-    "data-testid": "ds-list-item",
-    className: classnames('ds-list-item', className, {
-      'ds-list-item-selected': checked
-    }),
-    tabIndex: disabled ? -1 : 0,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    onMouseOver: onMouseOver,
-    onMouseLeave: onMouseLeave,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseDown: onMouseDown,
-    ordered: ordered,
-    disabled: disabled,
-    noHover: noHover,
-    highlight: hasHighlight,
-    size: size
-    // style={inTooltip ? undefined : style}
-    ,
-    inTooltip: inTooltip,
-    ref: ref,
-    indentLevel: indentLevel,
-    featured: featured
-  }, rest), /*#__PURE__*/React.createElement(S.Inner, null, prefixElement && /*#__PURE__*/React.createElement(S.PrefixWrapper, {
-    "data-testid": "list-item-prefix",
-    visible: prefixVisible,
-    disabled: disabled
-  }, prefixElement), /*#__PURE__*/React.createElement(S.Content, {
-    className: "ds-list-item-content"
-  }, content, description && size === '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 || hasSubMenu) && /*#__PURE__*/React.createElement(S.SuffixWrapper, {
-    "data-testid": "list-item-suffix",
-    visible: suffixVisible || hasSubMenu,
-    disabled: disabled
-  }, !!checked && /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CheckS, null),
-    color: theme.palette["green-600"]
-  }), hasSubMenu && /*#__PURE__*/React.createElement(Icon, {
-    component: subMenuOpen ? /*#__PURE__*/React.createElement(AngleUpS, null) : /*#__PURE__*/React.createElement(AngleDownS, null)
-  }), suffixElement)));
-});
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { forwardRef } from "react";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { AngleRightS, CheckS, AngleUpS, AngleDownS } from "@synerise/ds-icon";
+import { Wrapper, Inner, PrefixWrapper, Content, Description, ArrowRight, SuffixWrapper } from "./Text.styles.js";
+const ItemLabel = forwardRef(({
+  onClick,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  onMouseOver,
+  onMouseLeave,
+  onMouseDown,
+  checked,
+  noHover,
+  disabled,
+  ordered,
+  className,
+  hasHighlight,
+  prefixElement,
+  prefixVisible,
+  suffixElement,
+  suffixVisible,
+  hasSubMenu,
+  subMenuOpen,
+  content,
+  inTooltip,
+  parent,
+  description,
+  size,
+  indentLevel,
+  featured,
+  ...rest
+}, ref) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      role: "menuitem",
+      "data-testid": "ds-list-item",
+      className: classnames("ds-list-item", className, {
+        "ds-list-item-selected": checked
+      }),
+      tabIndex: disabled ? -1 : 0,
+      onClick,
+      onKeyDown,
+      onMouseOver,
+      onMouseLeave,
+      onFocus,
+      onBlur,
+      onMouseDown,
+      ordered,
+      disabled,
+      noHover,
+      highlight: hasHighlight,
+      size,
+      inTooltip,
+      ref,
+      indentLevel,
+      featured,
+      ...rest,
+      children: /* @__PURE__ */ jsxs(Inner, { children: [
+        prefixElement && /* @__PURE__ */ jsx(PrefixWrapper, { "data-testid": "list-item-prefix", visible: prefixVisible, disabled, children: prefixElement }),
+        /* @__PURE__ */ jsxs(Content, { className: "ds-list-item-content", children: [
+          content,
+          description && size === "large" && /* @__PURE__ */ jsx(Description, { children: description })
+        ] }),
+        parent && /* @__PURE__ */ jsx(ArrowRight, { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleRightS, {}), color: theme.palette["grey-600"] }) }),
+        (!!suffixElement || !!checked || hasSubMenu) && /* @__PURE__ */ jsxs(SuffixWrapper, { "data-testid": "list-item-suffix", visible: suffixVisible || hasSubMenu, disabled, children: [
+          !!checked && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CheckS, {}), color: theme.palette[`green-600`] }),
+          hasSubMenu && /* @__PURE__ */ jsx(Icon, { component: subMenuOpen ? /* @__PURE__ */ jsx(AngleUpS, {}) : /* @__PURE__ */ jsx(AngleDownS, {}) }),
+          suffixElement
+        ] })
+      ] })
+    }
+  );
+});
+export {
+  ItemLabel
+};

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type NestedItemProps } from '../../ListItem.types';
-declare const Text: React.ForwardRefExoticComponent<Omit<import("../../ListItem.types").ListItemProps, "level" | "higher" | "text" | "type"> & {
-    ItemComponent: React.ComponentType<import("../../ListItem.types").ListItemProps>;
+import { default as React } from 'react';
+import { NestedItemProps } from '../../ListItem.types';
+declare const Text: React.ForwardRefExoticComponent<Omit<import('../../ListItem.types').ListItemProps, "level" | "higher" | "text" | "type"> & {
+    ItemComponent: React.ComponentType<import('../../ListItem.types').ListItemProps>;
 } & NestedItemProps & React.RefAttributes<HTMLDivElement>>;
 export default Text;

package/dist/components/Text/Text.js

@@ -1,129 +1,126 @@
-var _excluded = ["checked", "className", "children", "itemKey", "noHover", "size", "prefixel", "suffixel", "copyable", "copyHint", "copyValue", "copyTooltip", "timeToHideTooltip", "tooltipProps", "disabled", "description", "parent", "ordered", "indentLevel", "onClick", "onMouseOver", "onMouseDown", "onMouseLeave", "onBlur", "onFocus", "onItemHover", "onKeyDown", "prefixVisibilityTrigger", "suffixVisibilityTrigger", "highlight", "style", "popoverProps", "renderHoverTooltip", "subMenu", "featured", "ItemComponent"];
-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 copy from 'copy-to-clipboard';
-import React, { forwardRef, useMemo, useState } from 'react';
-import { useListItem, useMergeRefs } from '@floating-ui/react';
-import { renderWithHighlight, useStableId } from '@synerise/ds-utils';
-import { useTemporaryLabel } from '../../hooks/useTemporaryLabel';
-import HoverTooltip from '../HoverTooltip/HoverTooltip';
-import { SubMenu } from '../SubMenu/SubMenu';
-import { DynamicLabel } from './DynamicLabel';
-import { ItemLabel } from './ItemLabel';
-import { getCopyConfig, removeHandlerProps, renderAddon } from './utils';
-var Text = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
-  var checked = props.checked,
-    className = props.className,
-    children = props.children,
-    menuItemKey = 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,
-    indentLevel = props.indentLevel,
-    onClick = props.onClick,
-    onMouseOver = props.onMouseOver,
-    onMouseDown = props.onMouseDown,
-    onMouseLeave = props.onMouseLeave,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onItemHover = props.onItemHover,
-    onKeyDown = props.onKeyDown,
-    prefixVisibilityTrigger = props.prefixVisibilityTrigger,
-    suffixVisibilityTrigger = props.suffixVisibilityTrigger,
-    highlight = props.highlight,
-    style = props.style,
-    popoverProps = props.popoverProps,
-    renderHoverTooltip = props.renderHoverTooltip,
-    subMenu = props.subMenu,
-    featured = props.featured,
-    ItemComponent = props.ItemComponent,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useListItem = useListItem(),
-    ref = _useListItem.ref;
-  var mergedRef = useMergeRefs([forwardedRef, ref]);
-  var stableId = useStableId();
-  var itemKey = menuItemKey != null ? menuItemKey : stableId;
-  var _useState = useState(false),
-    subMenuOpen = _useState[0],
-    setSubMenuOpen = _useState[1];
-  var _useState2 = useState(false),
-    hovered = _useState2[0],
-    setHovered = _useState2[1];
-  var _getCopyConfig = getCopyConfig({
-      copyable: copyable,
-      copyValue: copyValue,
-      disabled: disabled
-    }),
-    canCopyToClipboard = _getCopyConfig.enabled,
-    valueToCopy = _getCopyConfig.valueToCopy,
-    copiedLabel = _getCopyConfig.copiedLabel,
-    labelTimerReset = _getCopyConfig.labelTimerReset,
-    delayClickEvent = _getCopyConfig.delayClickEvent;
-  var _useTemporaryLabel = useTemporaryLabel(labelTimerReset),
-    temporaryLabel = _useTemporaryLabel.temporaryLabel,
-    setTemporaryLabel = _useTemporaryLabel.setTemporaryLabel;
-  var showSuffixOnHover = suffixVisibilityTrigger === 'hover';
-  var showPrefixOnHover = prefixVisibilityTrigger === 'hover';
-  var suffixElement = useMemo(function () {
-    return renderAddon(suffixel, hovered);
-  }, [suffixel, hovered]);
-  var prefixElement = useMemo(function () {
-    return renderAddon(prefixel, hovered);
-  }, [prefixel, hovered]);
-  var shouldRenderSuffix = useMemo(function () {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import copy from "copy-to-clipboard";
+import { forwardRef, useState, useMemo } from "react";
+import { useListItem, useMergeRefs } from "@floating-ui/react";
+import { useStableId, renderWithHighlight } from "@synerise/ds-utils";
+import { useTemporaryLabel } from "../../hooks/useTemporaryLabel.js";
+import HoverTooltip from "../HoverTooltip/HoverTooltip.js";
+import { SubMenu } from "../SubMenu/SubMenu.js";
+import { DynamicLabel } from "./DynamicLabel.js";
+import { ItemLabel } from "./ItemLabel.js";
+import { getCopyConfig, renderAddon, removeHandlerProps } from "./utils.js";
+const Text = forwardRef((props, forwardedRef) => {
+  const {
+    checked,
+    className,
+    children,
+    itemKey: menuItemKey,
+    noHover,
+    size,
+    prefixel,
+    suffixel,
+    copyable,
+    copyHint,
+    copyValue,
+    copyTooltip,
+    timeToHideTooltip,
+    tooltipProps,
+    disabled,
+    description,
+    parent,
+    ordered,
+    indentLevel,
+    onClick,
+    onMouseOver,
+    onMouseDown,
+    onMouseLeave,
+    onBlur,
+    onFocus,
+    onItemHover,
+    onKeyDown,
+    prefixVisibilityTrigger,
+    suffixVisibilityTrigger,
+    highlight,
+    style,
+    popoverProps,
+    renderHoverTooltip,
+    subMenu,
+    featured,
+    ItemComponent,
+    ...rest
+  } = props;
+  const {
+    ref
+  } = useListItem();
+  const mergedRef = useMergeRefs([forwardedRef, ref]);
+  const stableId = useStableId();
+  const itemKey = menuItemKey ?? stableId;
+  const [subMenuOpen, setSubMenuOpen] = useState(false);
+  const [hovered, setHovered] = useState(false);
+  const {
+    enabled: canCopyToClipboard,
+    valueToCopy,
+    copiedLabel,
+    labelTimerReset,
+    delayClickEvent
+  } = getCopyConfig({
+    copyable,
+    copyValue,
+    disabled
+  });
+  const {
+    temporaryLabel,
+    setTemporaryLabel
+  } = useTemporaryLabel(labelTimerReset);
+  const showSuffixOnHover = suffixVisibilityTrigger === "hover";
+  const showPrefixOnHover = prefixVisibilityTrigger === "hover";
+  const suffixElement = useMemo(() => renderAddon(suffixel, hovered), [suffixel, hovered]);
+  const prefixElement = useMemo(() => renderAddon(prefixel, hovered), [prefixel, hovered]);
+  const shouldRenderSuffix = useMemo(() => {
     if (showSuffixOnHover) {
       return (!!suffixElement || !!checked) && hovered;
     }
     return !!suffixElement || !!checked;
   }, [showSuffixOnHover, suffixElement, checked, hovered]);
-  var shouldRenderPrefix = useMemo(function () {
+  const shouldRenderPrefix = useMemo(() => {
     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');
+  const childrenWithHighlight = useMemo(() => {
+    if (highlight && typeof children === "string") {
+      return renderWithHighlight(children, highlight, "ds-list-item-highlight", "ds-list-item-highlight");
     }
     return children;
   }, [children, highlight]);
-  var itemData = {
+  const itemData = {
     key: itemKey,
     item: removeHandlerProps(props)
   };
-  var handleClick = function handleClick(event) {
+  const handleClick = (event) => {
     if (!disabled) {
       if (subMenu) {
         setSubMenuOpen(!subMenuOpen);
       } else {
         if (delayClickEvent) {
-          setTimeout(function () {
-            onClick && onClick(_extends({}, itemData, {
+          setTimeout(() => {
+            onClick && onClick({
+              ...itemData,
               domEvent: event
-            }));
+            });
           }, delayClickEvent);
           return;
         }
-        onClick && onClick(_extends({}, itemData, {
+        onClick && onClick({
+          ...itemData,
           domEvent: event
-        }));
+        });
       }
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
-    if (!disabled && event.key === 'Enter') {
+  const handleKeyDown = (event) => {
+    if (!disabled && event.key === "Enter") {
       if (subMenu) {
         setSubMenuOpen(!subMenuOpen);
       } else {
@@ -132,41 +129,44 @@ var Text = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
           copy(valueToCopy);
           setTemporaryLabel(true);
           if (delayClickEvent) {
-            setTimeout(function () {
-              onClick && onClick(_extends({}, itemData, {
+            setTimeout(() => {
+              onClick && onClick({
+                ...itemData,
                 domEvent: event
-              }));
+              });
             }, delayClickEvent);
             return;
           }
         }
-        onClick && onClick(_extends({}, itemData, {
+        onClick && onClick({
+          ...itemData,
           domEvent: event
-        }));
+        });
       }
     }
     onKeyDown && onKeyDown(event);
   };
-  var handleMouseOver = function handleMouseOver(event) {
+  const handleMouseOver = (event) => {
     setHovered(true);
-    onItemHover && onItemHover(_extends({}, itemData, {
+    onItemHover && onItemHover({
+      ...itemData,
       domEvent: event
-    }));
+    });
     onMouseOver && onMouseOver(event);
   };
-  var handleMouseLeave = function handleMouseLeave(event) {
+  const handleMouseLeave = (event) => {
     setHovered(false);
     onMouseLeave && onMouseLeave(event);
   };
-  var handleFocus = function handleFocus(event) {
+  const handleFocus = (event) => {
     setHovered(true);
     onFocus && onFocus(event);
   };
-  var handleBlur = function handleBlur(event) {
+  const handleBlur = (event) => {
     setHovered(false);
     onBlur && onBlur(event);
   };
-  var handleMouseDown = function handleMouseDown(event) {
+  const handleMouseDown = (event) => {
     setHovered(true);
     if (canCopyToClipboard && valueToCopy) {
       copy(valueToCopy);
@@ -174,59 +174,19 @@ var Text = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     }
     onMouseDown && onMouseDown(event);
   };
-  var TextNode = /*#__PURE__*/React.createElement(ItemLabel, _extends({
-    role: "menuitem",
-    "data-testid": "ds-list-item",
-    className: className,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    onMouseOver: handleMouseOver,
-    onMouseLeave: handleMouseLeave,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onMouseDown: handleMouseDown,
-    ordered: ordered,
-    disabled: disabled,
-    noHover: noHover,
-    hasHighlight: !!highlight,
-    size: size,
-    featured: featured,
-    style: renderHoverTooltip ? undefined : style,
-    inTooltip: !!renderHoverTooltip,
-    ref: mergedRef,
-    parent: parent,
-    hasSubMenu: !!(subMenu && subMenu.length),
-    subMenuOpen: subMenuOpen,
-    prefixElement: prefixElement,
-    prefixVisible: shouldRenderPrefix,
-    description: description,
-    checked: checked,
-    suffixElement: suffixElement,
-    suffixVisible: shouldRenderSuffix,
-    indentLevel: indentLevel,
-    content: /*#__PURE__*/React.createElement(DynamicLabel, {
-      showAlternative: temporaryLabel,
-      content: childrenWithHighlight,
-      alternativeContent: canCopyToClipboard ? copiedLabel : undefined
-    })
-  }, rest));
+  const TextNode = /* @__PURE__ */ jsx(ItemLabel, { role: "menuitem", "data-testid": "ds-list-item", className, onClick: handleClick, onKeyDown: handleKeyDown, onMouseOver: handleMouseOver, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: handleMouseDown, ordered, disabled, noHover, hasHighlight: !!highlight, size, featured, style: renderHoverTooltip ? void 0 : style, inTooltip: !!renderHoverTooltip, ref: mergedRef, parent, hasSubMenu: !!(subMenu && subMenu.length), subMenuOpen, prefixElement, prefixVisible: shouldRenderPrefix, description, checked, suffixElement, suffixVisible: shouldRenderSuffix, indentLevel, content: /* @__PURE__ */ jsx(DynamicLabel, { showAlternative: temporaryLabel, content: childrenWithHighlight, alternativeContent: canCopyToClipboard ? copiedLabel : void 0 }), ...rest });
   if (renderHoverTooltip) {
-    return /*#__PURE__*/React.createElement(HoverTooltip, {
-      popoverProps: popoverProps,
-      renderHoverTooltip: renderHoverTooltip,
-      style: style
-    }, TextNode);
+    return /* @__PURE__ */ jsx(HoverTooltip, { popoverProps, renderHoverTooltip, style, children: TextNode });
   }
   if (subMenu && subMenu.length) {
-    var nextIndentLevel = indentLevel ? indentLevel + 1 : 1;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, TextNode, /*#__PURE__*/React.createElement(SubMenu, {
-      onClick: onClick,
-      indentLevel: nextIndentLevel,
-      dataSource: subMenu,
-      isOpen: subMenuOpen,
-      ItemComponent: ItemComponent
-    }));
+    const nextIndentLevel = indentLevel ? indentLevel + 1 : 1;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      TextNode,
+      /* @__PURE__ */ jsx(SubMenu, { onClick, indentLevel: nextIndentLevel, dataSource: subMenu, isOpen: subMenuOpen, ItemComponent })
+    ] });
   }
   return TextNode;
 });
-export default Text;
+export {
+  Text as default
+};

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

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type ItemSize } from '../../ListItem.types';
+import { ReactNode } from 'react';
+import { ItemSize } from '../../ListItem.types';
 type StyledListItemProps = {
     disabled?: boolean;
     selected?: boolean;
@@ -15,24 +15,24 @@ type StyledListItemProps = {
     size?: ItemSize;
     featured?: boolean;
 };
-export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const SuffixWrapper: import('styled-components').StyledComponent<"div", any, {
     visible?: boolean;
     disabled?: boolean;
 }, never>;
-export declare const PrefixWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const PrefixWrapper: import('styled-components').StyledComponent<"div", any, {
     visible?: boolean;
     disabled?: boolean;
 }, never>;
-export declare const Highlight: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ArrowRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Inner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, StyledListItemProps, never>;
-export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DynamicLabelMain: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DynamicLabelAlternate: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DynamicLabelWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const Highlight: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const ArrowRight: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Inner: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", any, StyledListItemProps, never>;
+export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DynamicLabelMain: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DynamicLabelAlternate: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DynamicLabelWrapper: import('styled-components').StyledComponent<"div", any, {
     showAlternative?: boolean;
 }, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Description: import('styled-components').StyledComponent<"div", any, {}, never>;
 export {};