@synerise/ds-list-item 1.4.8 → 1.4.10

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

@@ -1,120 +1,84 @@
-import styled, { css } from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import { LIST_ITEM_SIZE_MAPPING } from '../../ListItem.const';
-import { INDENT_WIDTH } from './ItemLabel.const';
-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({
+import styled, { css } from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import { LIST_ITEM_SIZE_MAPPING } from "../../ListItem.const.js";
+import { INDENT_WIDTH } from "./ItemLabel.const.js";
+const TRANSITION_FN = "0.2s ease-out";
+const hiddenElementStyle = () => css(["opacity:0;pointer-events:none;"]);
+const visibleElementStyle = () => css(["opacity:1;pointer-events:all;"]);
+const SuffixWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__SuffixWrapper",
   componentId: "sc-1j4eogh-0"
-})(["display:flex;order:10;justify-content:flex-end;", ";"], function (props) {
-  return props.visible ? visibleElementStyle() : hiddenElementStyle();
-});
-export var PrefixWrapper = styled.div.withConfig({
+})(["display:flex;order:10;justify-content:flex-end;", ";"], (props) => props.visible ? visibleElementStyle() : hiddenElementStyle());
+const PrefixWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__PrefixWrapper",
   componentId: "sc-1j4eogh-1"
-})(["display:flex;order:1;", ";transition:opacity ", ";margin-top:-7px;margin-bottom:-7px;margin-left:-4px;margin-right:12px;align-items:center;"], function (props) {
-  return props.visible ? visibleElementStyle() : hiddenElementStyle();
-}, TRANSITION_FN);
-export var Highlight = styled.span.withConfig({
+})(["display:flex;order:1;", ";transition:opacity ", ";margin-top:-7px;margin-bottom:-7px;margin-left:-4px;margin-right:12px;align-items:center;"], (props) => props.visible ? visibleElementStyle() : hiddenElementStyle(), TRANSITION_FN);
+const Highlight = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Textstyles__Highlight",
   componentId: "sc-1j4eogh-2"
 })([""]);
-var getPaddingFromIndentLevel = function getPaddingFromIndentLevel(indentLevel) {
-  if (indentLevel === void 0) {
-    indentLevel = 0;
-  }
+const getPaddingFromIndentLevel = (indentLevel = 0) => {
   return indentLevel * INDENT_WIDTH;
 };
-var calculatePadding = function calculatePadding(indentLevel, withPrefixel) {
-  if (indentLevel === void 0) {
-    indentLevel = 0;
-  }
-  if (withPrefixel === void 0) {
-    withPrefixel = false;
-  }
+const calculatePadding = (indentLevel = 0, withPrefixel = false) => {
   return getPaddingFromIndentLevel(indentLevel) + (withPrefixel ? 8 : 12);
 };
-var baseStyles = css(["display:flex;align-items:center;margin:0;padding-left:", "px;padding-right:12px;font-size:13px;line-height:1.39;font-weight:500;user-select:none;border-radius:3px;transition:background-color 0.2s ease-out,color 0.2s ease-out;min-height:", "px;background:", ";border:none;color:", ";cursor:pointer;opacity:1;"], function (props) {
-  return calculatePadding(props.indentLevel, !!props.prefixel);
-}, function (props) {
-  return LIST_ITEM_SIZE_MAPPING[props.size || 'default'];
-}, function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var ArrowRight = styled.div.withConfig({
+const baseStyles = /* @__PURE__ */ css(["display:flex;align-items:center;margin:0;padding-left:", "px;padding-right:12px;font-size:13px;line-height:1.39;font-weight:500;user-select:none;border-radius:3px;transition:background-color 0.2s ease-out,color 0.2s ease-out;min-height:", "px;background:", ";border:none;color:", ";cursor:pointer;opacity:1;"], (props) => calculatePadding(props.indentLevel, !!props.prefixel), (props) => LIST_ITEM_SIZE_MAPPING[props.size || "default"], (props) => props.theme.palette.white, (props) => props.theme.palette["grey-700"]);
+const ArrowRight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__ArrowRight",
   componentId: "sc-1j4eogh-3"
 })(["order:3;"]);
-export var Inner = styled.div.withConfig({
+const Inner = /* @__PURE__ */ 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:", ";", "{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 Content = styled.div.withConfig({
+const selectedStyle = /* @__PURE__ */ css(["background:", ";color:", ";", "{svg{fill:", ";}}"], (props) => props.theme.palette["blue-050"], (props) => props.theme.palette["blue-600"], PrefixWrapper, (props) => props.theme.palette["blue-600"]);
+const highlightStyle = /* @__PURE__ */ css(["font-weight:400;.ds-list-item-highlight{font-weight:600;}"]);
+const orderedStyle = /* @__PURE__ */ css(["&::before{content:none;}"]);
+const Content = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Content",
   componentId: "sc-1j4eogh-5"
 })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;order:2;"]);
-export var Wrapper = styled.div.withConfig({
+const Wrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "sc-1j4eogh-6"
-})(["display:flex;min-width:173px;", " ", " ", " ", "{", " ", " ", "{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 (_ref) {
-  var featured = _ref.featured,
-    disabled = _ref.disabled,
-    selected = _ref.selected,
-    theme = _ref.theme;
-  return featured && css(["&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", " svg,", "{fill:", ";color:", ";}}&:hover,&:active,&:focus-visible:not(:active){&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", " svg,", "{fill:", ";color:", ";}&:focus-visible:not(:active) ", "{box-shadow:inset 0 0 0 2px ", ";}}}", " ", ""], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, ArrowRight, Content, theme.palette['blue-600'], theme.palette['blue-600'], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, ArrowRight, Content, theme.palette['blue-700'], theme.palette['blue-700'], Inner, theme.palette['blue-700'], disabled && css(["&:hover{&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", "{fill:", ";color:", ";}}}"], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, Content, theme.palette['blue-600'], theme.palette['blue-600']), selected && css(["&:hover{&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", "{fill:", ";color:", ";}}}"], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, Content, theme.palette['blue-700'], theme.palette['blue-700']));
-}, 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-visible:not(:active){", "{box-shadow:inset 0 0 0 2px ", ";}}&:focus-visible: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) {
-  return props.disabled ? '1' : '0';
-}, function (props) {
-  return props.selected && selectedStyle;
-}, selectedStyle, function (props) {
-  return props.highlight && highlightStyle;
-}, function (props) {
-  return !props.ordered && orderedStyle;
-});
-export var Divider = styled.div.withConfig({
+})(["display:flex;min-width:173px;", " ", " ", " ", "{", " ", " ", "{transition:all ", ";opacity:", ";}", " &.ant-menu-item-selected,&.-item-selected{", "}", " ", " .ds-checkbox,.ds-checkbox > .ant-checkbox-wrapper{padding:0;}}"], (props) => props.inTooltip && css(["height:100%;"]), ({
+  featured,
+  disabled,
+  selected,
+  theme
+}) => featured && css(["&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", " svg,", "{fill:", ";color:", ";}}&:hover,&:active,&:focus-visible:not(:active){&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", " svg,", "{fill:", ";color:", ";}&:focus-visible:not(:active) ", "{box-shadow:inset 0 0 0 2px ", ";}}}", " ", ""], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, ArrowRight, Content, theme.palette["blue-600"], theme.palette["blue-600"], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, ArrowRight, Content, theme.palette["blue-700"], theme.palette["blue-700"], Inner, theme.palette["blue-700"], disabled && css(["&:hover{&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", "{fill:", ";color:", ";}}}"], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, Content, theme.palette["blue-600"], theme.palette["blue-600"]), selected && css(["&:hover{&&{", " > .ds-icon > svg,", " ", " > svg,", " > .ds-icon > svg,", " ", " > svg,", "{fill:", ";color:", ";}}}"], PrefixWrapper, PrefixWrapper, IconContainer, SuffixWrapper, SuffixWrapper, IconContainer, Content, theme.palette["blue-700"], theme.palette["blue-700"])), (props) => 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-visible:not(:active){", "{box-shadow:inset 0 0 0 2px ", ";}}&:focus-visible: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, (props) => 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, (props) => props.disabled ? "1" : "0", (props) => props.selected && selectedStyle, selectedStyle, (props) => props.highlight && highlightStyle, (props) => !props.ordered && orderedStyle);
+const Divider = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Divider",
   componentId: "sc-1j4eogh-7"
 })(["flex-grow:1;"]);
-export var DynamicLabelMain = styled.div.withConfig({
+const DynamicLabelMain = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__DynamicLabelMain",
   componentId: "sc-1j4eogh-8"
 })([""]);
-export var DynamicLabelAlternate = styled.div.withConfig({
+const DynamicLabelAlternate = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__DynamicLabelAlternate",
   componentId: "sc-1j4eogh-9"
 })([""]);
-export var DynamicLabelWrapper = styled.div.withConfig({
+const DynamicLabelWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__DynamicLabelWrapper",
   componentId: "sc-1j4eogh-10"
-})(["", ""], function (props) {
-  return props.showAlternative ? css(["", "{height:0;visibility:hidden;}", "{height:auto;visibility:visible;}"], DynamicLabelMain, DynamicLabelAlternate) : css(["", "{height:auto;visibility:visible;}", "{height:0;visibility:hidden;}"], DynamicLabelMain, DynamicLabelAlternate);
-});
-export var Description = styled.div.withConfig({
+})(["", ""], (props) => props.showAlternative ? css(["", "{height:0;visibility:hidden;}", "{height:auto;visibility:visible;}"], DynamicLabelMain, DynamicLabelAlternate) : css(["", "{height:auto;visibility:visible;}", "{height:0;visibility:hidden;}"], DynamicLabelMain, DynamicLabelAlternate));
+const Description = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Description",
   componentId: "sc-1j4eogh-11"
-})(["text-overflow:ellipsis;overflow:hidden;color:", ";font-weight:normal;line-height:1.39;font-size:13px;width:100%;"], function (props) {
-  return props.theme.palette['grey-600'];
-});
+})(["text-overflow:ellipsis;overflow:hidden;color:", ";font-weight:normal;line-height:1.39;font-size:13px;width:100%;"], (props) => props.theme.palette["grey-600"]);
+export {
+  ArrowRight,
+  Content,
+  Description,
+  Divider,
+  DynamicLabelAlternate,
+  DynamicLabelMain,
+  DynamicLabelWrapper,
+  Highlight,
+  Inner,
+  PrefixWrapper,
+  SuffixWrapper,
+  Wrapper
+};

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import { type AddonRenderer, type BasicItemProps } from '../../ListItem.types';
+import { ReactNode } from 'react';
+import { AddonRenderer, BasicItemProps } from '../../ListItem.types';
 export declare const renderAddon: (addon: ReactNode | AddonRenderer, ...params: Parameters<AddonRenderer>) => ReactNode;
 export declare const removeHandlerProps: (props: BasicItemProps) => {
     [k: string]: any;

package/dist/components/Text/utils.js

@@ -1,31 +1,31 @@
-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;
+const renderAddon = (addon, ...params) => {
+  return addon instanceof Function ? addon(...params) : addon;
 };
-export var removeHandlerProps = function removeHandlerProps(props) {
-  return Object.fromEntries(Object.entries(props).filter(function (_ref) {
-    var key = _ref[0];
-    return typeof props[key] !== 'function';
-  }));
+const removeHandlerProps = (props) => {
+  return Object.fromEntries(Object.entries(props).filter(([key]) => typeof props[key] !== "function"));
 };
-export var getCopyConfig = function getCopyConfig(_ref2) {
-  var copyable = _ref2.copyable,
-    copyValue = _ref2.copyValue,
-    disabled = _ref2.disabled;
-  var DEFAULT_RESET_TIMER = 1000;
-  var DELAY_CLICK_AFTER_COPY_DURATION = 700;
-  var enabled = copyable && (copyValue || typeof copyable === 'object' && copyable.copyValue) && !disabled;
-  var valueToCopy = typeof copyable === 'object' ? copyable.copyValue : copyValue;
-  var copiedLabel = typeof copyable === 'object' ? copyable.copiedLabel : null;
-  var labelTimerReset = typeof copyable === 'object' && copyable.timeToReset || DEFAULT_RESET_TIMER;
-  var delayClickEvent = typeof copyable === 'object' && copyable.delayClickEvent !== undefined ? copyable.delayClickEvent : copyable ? DELAY_CLICK_AFTER_COPY_DURATION : false;
+const getCopyConfig = ({
+  copyable,
+  copyValue,
+  disabled
+}) => {
+  const DEFAULT_RESET_TIMER = 1e3;
+  const DELAY_CLICK_AFTER_COPY_DURATION = 700;
+  const enabled = copyable && (copyValue || typeof copyable === "object" && copyable.copyValue) && !disabled;
+  const valueToCopy = typeof copyable === "object" ? copyable.copyValue : copyValue;
+  const copiedLabel = typeof copyable === "object" ? copyable.copiedLabel : null;
+  const labelTimerReset = typeof copyable === "object" && copyable.timeToReset || DEFAULT_RESET_TIMER;
+  const delayClickEvent = typeof copyable === "object" && copyable.delayClickEvent !== void 0 ? copyable.delayClickEvent : copyable ? DELAY_CLICK_AFTER_COPY_DURATION : false;
   return {
-    delayClickEvent: delayClickEvent,
-    enabled: enabled,
-    valueToCopy: valueToCopy,
-    copiedLabel: copiedLabel,
-    labelTimerReset: labelTimerReset
+    delayClickEvent,
+    enabled,
+    valueToCopy,
+    copiedLabel,
+    labelTimerReset
   };
-};
+};
+export {
+  getCopyConfig,
+  removeHandlerProps,
+  renderAddon
+};

package/dist/components/index.js

@@ -1,5 +1,12 @@
-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';
+import { default as default2 } from "./Danger/Danger.js";
+import { default as default3 } from "./Select/Select.js";
+import { default as default4 } from "./Text/Text.js";
+import { default as default5 } from "./HoverTooltip/HoverTooltip.js";
+import { GroupItem } from "./GroupItem/GroupItem.js";
+export {
+  default2 as Danger,
+  GroupItem,
+  default5 as HoverTooltip,
+  default3 as Select,
+  default4 as Text
+};

package/dist/hooks/useTemporaryLabel.d.ts

@@ -1,4 +1,4 @@
 export declare const useTemporaryLabel: (duration: number) => {
     temporaryLabel: boolean;
-    setTemporaryLabel: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setTemporaryLabel: import('react').Dispatch<import('react').SetStateAction<boolean>>;
 };

package/dist/hooks/useTemporaryLabel.js

@@ -1,18 +1,17 @@
-import { useEffect, useState } from 'react';
-export var useTemporaryLabel = function useTemporaryLabel(duration) {
-  var _useState = useState(false),
-    temporaryLabel = _useState[0],
-    setTemporaryLabel = _useState[1];
-  useEffect(function () {
-    var timer = setTimeout(function () {
-      return setTemporaryLabel(false);
-    }, duration);
-    return function () {
+import { useState, useEffect } from "react";
+const useTemporaryLabel = (duration) => {
+  const [temporaryLabel, setTemporaryLabel] = useState(false);
+  useEffect(() => {
+    const timer = setTimeout(() => setTemporaryLabel(false), duration);
+    return () => {
       clearTimeout(timer);
     };
   });
   return {
-    temporaryLabel: temporaryLabel,
-    setTemporaryLabel: setTemporaryLabel
+    temporaryLabel,
+    setTemporaryLabel
   };
-};
+};
+export {
+  useTemporaryLabel
+};

package/dist/index.js

@@ -1,7 +1,22 @@
-export { default } from './ListItem';
-export { HoverTooltip, GroupItem } from './components';
-export { ListWrapper } from './components/ListWrapper/ListWrapper';
-export { useListContext } from './components/ListContext/ListContext';
-export { ListContextProvider } from './components/ListContext/ListContextProvider';
-export { itemSizes, itemTypes } from './ListItem.types';
-export * from './ListItem.const';
+import { default as default2 } from "./ListItem.js";
+import "./components/Danger/Danger.js";
+import "./components/Select/Select.js";
+import "./components/Text/Text.js";
+import { default as default3 } from "./components/HoverTooltip/HoverTooltip.js";
+import { GroupItem } from "./components/GroupItem/GroupItem.js";
+import { ListWrapper } from "./components/ListWrapper/ListWrapper.js";
+import { useListContext } from "./components/ListContext/ListContext.js";
+import { ListContextProvider } from "./components/ListContext/ListContextProvider.js";
+import { itemSizes, itemTypes } from "./ListItem.types.js";
+import { LIST_ITEM_SIZE_MAPPING } from "./ListItem.const.js";
+export {
+  GroupItem,
+  default3 as HoverTooltip,
+  LIST_ITEM_SIZE_MAPPING,
+  ListContextProvider,
+  ListWrapper,
+  default2 as default,
+  itemSizes,
+  itemTypes,
+  useListContext
+};

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-list-item",
-  "version": "1.4.8",
+  "version": "1.4.10",
   "description": "ListItem UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "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",
@@ -36,11 +36,11 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@synerise/ds-divider": "^1.3.0",
-    "@synerise/ds-icon": "^1.14.1",
-    "@synerise/ds-popover": "^1.5.1",
-    "@synerise/ds-tooltip": "^1.4.8",
-    "@synerise/ds-utils": "^1.6.0",
+    "@synerise/ds-divider": "^1.3.2",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-popover": "^1.5.3",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-utils": "^1.7.1",
     "classnames": "^2.5.1",
     "uuid": "^8.3.2"
   },
@@ -50,5 +50,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }