@synerise/ds-card-tabs 1.5.22 → 1.5.24

package/dist/CardTab/CardTabActions/CardTabActions.js

@@ -1,25 +1,16 @@
-import React from 'react';
-import Cruds from '@synerise/ds-cruds';
-import * as S from '../CardTab.styles';
-var CardTabActions = function CardTabActions(_ref) {
-  var onChangeName = _ref.onChangeName,
-    enterEditNameMode = _ref.enterEditNameMode,
-    onDuplicateTab = _ref.onDuplicateTab,
-    onRemoveTab = _ref.onRemoveTab,
-    onPreviewTab = _ref.onPreviewTab,
-    texts = _ref.texts;
-  return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
-    "data-testid": "card-tab-suffix",
-    className: "ds-card-tabs__suffix-nodrag"
-  }, /*#__PURE__*/React.createElement(Cruds, {
-    onEdit: onChangeName != null ? onChangeName : enterEditNameMode,
-    editTooltip: texts == null ? void 0 : texts.changeNameTooltip,
-    onDuplicate: onDuplicateTab,
-    duplicateTooltip: texts == null ? void 0 : texts.duplicateTooltip,
-    onRemove: onRemoveTab,
-    removeTooltip: texts == null ? void 0 : texts.removeTooltip,
-    onPreview: onPreviewTab,
-    previewTooltip: texts == null ? void 0 : texts.previewTooltip
-  }));
+import { jsx } from "react/jsx-runtime";
+import Cruds from "@synerise/ds-cruds";
+import { CardTabSuffix } from "../CardTab.styles.js";
+const CardTabActions = ({
+  onChangeName,
+  enterEditNameMode,
+  onDuplicateTab,
+  onRemoveTab,
+  onPreviewTab,
+  texts
+}) => {
+  return /* @__PURE__ */ jsx(CardTabSuffix, { "data-testid": "card-tab-suffix", className: "ds-card-tabs__suffix-nodrag", children: /* @__PURE__ */ jsx(Cruds, { onEdit: onChangeName ?? enterEditNameMode, editTooltip: texts?.changeNameTooltip, onDuplicate: onDuplicateTab, duplicateTooltip: texts?.duplicateTooltip, onRemove: onRemoveTab, removeTooltip: texts?.removeTooltip, onPreview: onPreviewTab, previewTooltip: texts?.previewTooltip }) });
+};
+export {
+  CardTabActions as default
 };
-export default CardTabActions;

package/dist/CardTab/CardTabActions/CardTabActions.types.d.ts

@@ -1,5 +1,5 @@
-import { type MouseEvent } from 'react';
-import { type CardTabTexts } from '../CardTab.types';
+import { MouseEvent } from 'react';
+import { CardTabTexts } from '../CardTab.types';
 export type CardTabActionsProps = {
     onChangeName?: (event?: MouseEvent<HTMLElement>) => void;
     /** @deprecated */

package/dist/CardTab/CardTabActions/CardTabActions.types.js

@@ -1 +1 @@
-export {};
+

package/dist/CardTab/CardTabDropdown/CardTabDropdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CardTabDropdownProps } from './CardTabDropdown.types';
+import { default as React } from 'react';
+import { CardTabDropdownProps } from './CardTabDropdown.types';
 declare const CardTabDropdown: ({ editNameHandler, duplicateHandler, removeHandler, texts, }: CardTabDropdownProps) => React.JSX.Element;
 export default CardTabDropdown;

package/dist/CardTab/CardTabDropdown/CardTabDropdown.js

@@ -1,65 +1,49 @@
-import React from 'react';
-import { DropdownMenu } from '@synerise/ds-dropdown';
-import Icon, { DuplicateM, EditM, OptionVerticalM, TrashM } from '@synerise/ds-icon';
-import * as S from '../CardTab.styles';
-var CardTabDropdown = function CardTabDropdown(_ref) {
-  var editNameHandler = _ref.editNameHandler,
-    duplicateHandler = _ref.duplicateHandler,
-    removeHandler = _ref.removeHandler,
-    texts = _ref.texts;
-  var menuItems = [];
+import { jsx } from "react/jsx-runtime";
+import { DropdownMenu } from "@synerise/ds-dropdown";
+import Icon, { EditM, DuplicateM, TrashM, OptionVerticalM } from "@synerise/ds-icon";
+import { CardTabSuffix } from "../CardTab.styles.js";
+const CardTabDropdown = ({
+  editNameHandler,
+  duplicateHandler,
+  removeHandler,
+  texts
+}) => {
+  const menuItems = [];
   if (editNameHandler) {
     menuItems.push({
-      onClick: function onClick(event) {
+      onClick: (event) => {
         editNameHandler(event.domEvent);
       },
-      key: 'card-tabs-menu-item-rename',
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(EditM, null)
-      }),
+      key: "card-tabs-menu-item-rename",
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(EditM, {}) }),
       text: texts.changeNameMenuItem
     });
   }
   if (duplicateHandler) {
     menuItems.push({
-      onClick: function onClick(event) {
+      onClick: (event) => {
         duplicateHandler(event.domEvent);
       },
-      key: 'card-tabs-menu-item-duplicate',
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(DuplicateM, null)
-      }),
+      key: "card-tabs-menu-item-duplicate",
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(DuplicateM, {}) }),
       text: texts.duplicateMenuItem
     });
   }
   if (removeHandler) {
     menuItems.push({
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(TrashM, null)
-      }),
-      onClick: function onClick(event) {
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(TrashM, {}) }),
+      onClick: (event) => {
         removeHandler(event.domEvent);
       },
-      key: 'card-tabs-menu-item-delete',
-      type: 'danger',
+      key: "card-tabs-menu-item-delete",
+      type: "danger",
       text: texts.removeMenuItem
     });
   }
-  return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
-    "data-testid": "card-tab-suffix",
-    className: "ds-card-tabs__suffix-nodrag"
-  }, /*#__PURE__*/React.createElement(DropdownMenu, {
-    dataSource: menuItems,
-    placement: "bottomLeft",
-    hideOnItemClick: true,
-    trigger: "click",
-    asChild: true,
-    popoverProps: {
-      testId: 'card-tabs-contextmenu'
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    "data-testid": "ds-card-tabs-contextmenu",
-    component: /*#__PURE__*/React.createElement(OptionVerticalM, null)
-  })));
+  return /* @__PURE__ */ jsx(CardTabSuffix, { "data-testid": "card-tab-suffix", className: "ds-card-tabs__suffix-nodrag", children: /* @__PURE__ */ jsx(DropdownMenu, { dataSource: menuItems, placement: "bottomLeft", hideOnItemClick: true, trigger: "click", asChild: true, popoverProps: {
+    testId: "card-tabs-contextmenu"
+  }, children: /* @__PURE__ */ jsx(Icon, { "data-testid": "ds-card-tabs-contextmenu", component: /* @__PURE__ */ jsx(OptionVerticalM, {}) }) }) });
+};
+export {
+  CardTabDropdown as default
 };
-export default CardTabDropdown;

package/dist/CardTab/CardTabDropdown/CardTabDropdown.types.d.ts

@@ -1,4 +1,4 @@
-import type { CardTabTexts, ListItemEventType } from '../CardTab.types';
+import { CardTabTexts, ListItemEventType } from '../CardTab.types';
 export type CardTabDropdownProps = {
     editNameHandler?: (event: ListItemEventType) => void;
     duplicateHandler?: (event: ListItemEventType) => void;

package/dist/CardTab/CardTabDropdown/CardTabDropdown.types.js

@@ -1 +1 @@
-export {};
+

package/dist/CardTab/CardTabPrefix/CardTabPrefix.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CardTabPrefixProps } from './CardTabPrefix.types';
+import { default as React } from 'react';
+import { CardTabPrefixProps } from './CardTabPrefix.types';
 declare const CardTabPrefix: ({ draggable, dragHandleProps, ...rest }: CardTabPrefixProps) => React.JSX.Element;
 export default CardTabPrefix;

package/dist/CardTab/CardTabPrefix/CardTabPrefix.js

@@ -1,52 +1,49 @@
-var _excluded = ["draggable", "dragHandleProps"];
-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 React, { useMemo } from 'react';
-import Icon, { DragHandleM } from '@synerise/ds-icon';
-import * as S from '../CardTab.styles';
-import { prefixType } from '../CardTab.types';
-import { isDotPrefix, isHandlePrefix, isIconPrefix, isTagPrefix } from './CardTabPrefix.utils';
-var CardTabPrefix = function CardTabPrefix(_ref) {
-  var draggable = _ref.draggable,
-    dragHandleProps = _ref.dragHandleProps,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var prefixElement = useMemo(function () {
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Icon, { DragHandleM } from "@synerise/ds-icon";
+import { CardTabTag, CardDotPrefix, CardDot, CardIconPrefix, CardDragPrefix, CardTabPrefix as CardTabPrefix$1 } from "../CardTab.styles.js";
+import { prefixType } from "../CardTab.types.js";
+import { isTagPrefix, isDotPrefix, isIconPrefix, isHandlePrefix } from "./CardTabPrefix.utils.js";
+const CardTabPrefix = ({
+  draggable,
+  dragHandleProps,
+  ...rest
+}) => {
+  const prefixElement = useMemo(() => {
     if (isTagPrefix(rest)) {
-      var tag = rest.tag;
-      return /*#__PURE__*/React.createElement(S.CardTabTag, {
-        "data-testid": "card-tab-tag"
-      }, tag);
+      const {
+        tag
+      } = rest;
+      return /* @__PURE__ */ jsx(CardTabTag, { "data-testid": "card-tab-tag", children: tag });
     }
     if (isDotPrefix(rest)) {
-      var colorDot = rest.colorDot;
-      return /*#__PURE__*/React.createElement(S.CardDotPrefix, {
-        "data-testid": "card-tab-dot"
-      }, colorDot || /*#__PURE__*/React.createElement(S.CardDot, null));
+      const {
+        colorDot
+      } = rest;
+      return /* @__PURE__ */ jsx(CardDotPrefix, { "data-testid": "card-tab-dot", children: colorDot || /* @__PURE__ */ jsx(CardDot, {}) });
     }
     if (isIconPrefix(rest)) {
-      var prefixIcon = rest.prefixIcon;
-      return /*#__PURE__*/React.createElement(S.CardIconPrefix, {
-        "data-testid": "card-tab-icon"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        component: prefixIcon
-      }));
+      const {
+        prefixIcon
+      } = rest;
+      return /* @__PURE__ */ jsx(CardIconPrefix, { "data-testid": "card-tab-icon", children: /* @__PURE__ */ jsx(Icon, { component: prefixIcon }) });
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /* @__PURE__ */ jsx(Fragment, {});
   }, [rest]);
-  var handleElement = useMemo(function () {
+  const handleElement = useMemo(() => {
     if (isHandlePrefix(rest) || draggable) {
-      return /*#__PURE__*/React.createElement(S.CardDragPrefix, _extends({
-        "data-testid": "card-tab-handle",
-        persistent: rest.prefix === prefixType.HANDLE
-      }, dragHandleProps), /*#__PURE__*/React.createElement(Icon, {
-        className: "ds-card-tabs__handle-icon sortable-drag",
-        component: /*#__PURE__*/React.createElement(DragHandleM, null)
-      }), ' ');
+      return /* @__PURE__ */ jsxs(CardDragPrefix, { "data-testid": "card-tab-handle", persistent: rest.prefix === prefixType.HANDLE, ...dragHandleProps, children: [
+        /* @__PURE__ */ jsx(Icon, { className: "ds-card-tabs__handle-icon sortable-drag", component: /* @__PURE__ */ jsx(DragHandleM, {}) }),
+        " "
+      ] });
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /* @__PURE__ */ jsx(Fragment, {});
   }, [dragHandleProps, draggable, rest]);
-  return /*#__PURE__*/React.createElement(S.CardTabPrefix, {
-    "data-testid": "card-tab-prefix"
-  }, prefixElement, handleElement);
+  return /* @__PURE__ */ jsxs(CardTabPrefix$1, { "data-testid": "card-tab-prefix", children: [
+    prefixElement,
+    handleElement
+  ] });
+};
+export {
+  CardTabPrefix as default
 };
-export default CardTabPrefix;

package/dist/CardTab/CardTabPrefix/CardTabPrefix.types.d.ts

@@ -1,4 +1,4 @@
-import { type CardTabProps, type PrefixProps } from '../CardTab.types';
+import { CardTabProps, PrefixProps } from '../CardTab.types';
 export type CardTabPrefixProps = PrefixProps & {
     draggable?: boolean;
     dragHandleProps?: CardTabProps['dragHandleProps'];

package/dist/CardTab/CardTabPrefix/CardTabPrefix.types.js

@@ -1 +1 @@
-export {};
+

package/dist/CardTab/CardTabPrefix/CardTabPrefix.utils.d.ts

@@ -1,4 +1,4 @@
-import { type DotPrefixProps, type HandlePrefixProps, type IconPrefixProps, type PrefixProps, type TagPrefixProps } from '../CardTab.types';
+import { DotPrefixProps, HandlePrefixProps, IconPrefixProps, PrefixProps, TagPrefixProps } from '../CardTab.types';
 export declare const isTagPrefix: (props: PrefixProps) => props is TagPrefixProps;
 export declare const isDotPrefix: (props: PrefixProps) => props is DotPrefixProps;
 export declare const isIconPrefix: (props: PrefixProps) => props is IconPrefixProps;

package/dist/CardTab/CardTabPrefix/CardTabPrefix.utils.js

@@ -1,13 +1,19 @@
-import { prefixType } from '../CardTab.types';
-export var isTagPrefix = function isTagPrefix(props) {
+import { prefixType } from "../CardTab.types.js";
+const isTagPrefix = (props) => {
   return props.prefix === prefixType.TAG;
 };
-export var isDotPrefix = function isDotPrefix(props) {
+const isDotPrefix = (props) => {
   return props.prefix === prefixType.DOT;
 };
-export var isIconPrefix = function isIconPrefix(props) {
+const isIconPrefix = (props) => {
   return props.prefix === prefixType.ICON;
 };
-export var isHandlePrefix = function isHandlePrefix(props) {
+const isHandlePrefix = (props) => {
   return props.prefix === prefixType.HANDLE;
-};
+};
+export {
+  isDotPrefix,
+  isHandlePrefix,
+  isIconPrefix,
+  isTagPrefix
+};

package/dist/CardTabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CardTabsProps } from './CardTabs.types';
+import { default as React } from 'react';
+import { CardTabsProps } from './CardTabs.types';
 declare const CardTabs: <IdType extends string | number>({ className, onChangeOrder, onAddTab, maxTabsCount, children, addTabLabel, ...htmlAttributes }: CardTabsProps<IdType>) => React.JSX.Element;
 export default CardTabs;

package/dist/CardTabs.js

@@ -1,59 +1,51 @@
-var _excluded = ["className", "onChangeOrder", "onAddTab", "maxTabsCount", "children", "addTabLabel"];
-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 React, { Children, cloneElement, isValidElement } from 'react';
-import Button from '@synerise/ds-button';
-import { defaultColorsOrder } from '@synerise/ds-core';
-import Sortable from '@synerise/ds-sortable';
-import CardTab from './CardTab/CardTab';
-import * as S from './CardTabs.styles';
-var CardTabs = function CardTabs(_ref) {
-  var className = _ref.className,
-    onChangeOrder = _ref.onChangeOrder,
-    onAddTab = _ref.onAddTab,
-    maxTabsCount = _ref.maxTabsCount,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? [] : _ref$children,
-    addTabLabel = _ref.addTabLabel,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var handleChangeOrder = function handleChangeOrder(newOrder) {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Children, isValidElement, cloneElement } from "react";
+import Button from "@synerise/ds-button";
+import { defaultColorsOrder } from "@synerise/ds-core";
+import Sortable from "@synerise/ds-sortable";
+import CardTab from "./CardTab/CardTab.js";
+import { CardTabsAddButton, CardTabsContainer } from "./CardTabs.styles.js";
+const CardTabs = ({
+  className,
+  onChangeOrder,
+  onAddTab,
+  maxTabsCount,
+  children = [],
+  addTabLabel,
+  ...htmlAttributes
+}) => {
+  const handleChangeOrder = (newOrder) => {
     onChangeOrder && onChangeOrder(newOrder);
   };
-  var addTab = onAddTab && /*#__PURE__*/React.createElement(S.CardTabsAddButton, {
-    className: "ds-card-tabs-nodrag",
-    "data-testid": "card-tabs-add-button"
-  }, /*#__PURE__*/React.createElement(Button.Creator, {
-    disabled: !!maxTabsCount && Children.toArray(children).length >= maxTabsCount,
-    label: addTabLabel != null ? addTabLabel : '',
-    onClick: onAddTab
-  }));
-  var childrenCount = Children.count(children);
-  var childrenData = Children.map(children, function (child, i) {
-    return _extends({}, child.props, {
-      color: defaultColorsOrder[i % defaultColorsOrder.length],
-      draggable: childrenCount > 1 && (Boolean(onChangeOrder) || child.props.draggable)
-    }, child.props.keyId ? {
+  const addTab = onAddTab && /* @__PURE__ */ jsx(CardTabsAddButton, { className: "ds-card-tabs-nodrag", "data-testid": "card-tabs-add-button", children: /* @__PURE__ */ jsx(Button.Creator, { disabled: !!maxTabsCount && Children.toArray(children).length >= maxTabsCount, label: addTabLabel ?? "", onClick: onAddTab }) });
+  const childrenCount = Children.count(children);
+  const childrenData = Children.map(children, (child, i) => ({
+    ...child.props,
+    color: defaultColorsOrder[i % defaultColorsOrder.length],
+    draggable: childrenCount > 1 && (Boolean(onChangeOrder) || child.props.draggable),
+    ...child.props.keyId ? {
       key: child.props.keyId
-    } : {});
-  });
-  var renderChildren = function renderChildren() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, Children.map(children, function (child, i) {
-      var props = child.props;
-      return /*#__PURE__*/isValidElement(child) && /*#__PURE__*/cloneElement(child, _extends({}, props.color ? {} : {
+    } : {}
+  }));
+  const renderChildren = () => /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child, i) => {
+    const {
+      props
+    } = child;
+    return isValidElement(child) && cloneElement(child, {
+      ...props.color ? {} : {
         color: defaultColorsOrder[i % defaultColorsOrder.length]
-      }, {
-        draggable: childrenCount > 1 && (Boolean(onChangeOrder) || props.draggable)
-      }));
-    }));
-  };
-  return /*#__PURE__*/React.createElement(S.CardTabsContainer, _extends({
-    "data-testid": "card-tabs-container"
-  }, htmlAttributes, {
-    className: "ds-card-tabs " + (className || '')
-  }), onChangeOrder && childrenCount > 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Sortable, {
-    items: childrenData,
-    ItemComponent: CardTab,
-    onOrderChange: handleChangeOrder
-  }), addTab) : /*#__PURE__*/React.createElement(React.Fragment, null, renderChildren(), addTab));
+      },
+      draggable: childrenCount > 1 && (Boolean(onChangeOrder) || props.draggable)
+    });
+  }) });
+  return /* @__PURE__ */ jsx(CardTabsContainer, { "data-testid": "card-tabs-container", ...htmlAttributes, className: `ds-card-tabs ${className || ""}`, children: onChangeOrder && childrenCount > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Sortable, { items: childrenData, ItemComponent: CardTab, onOrderChange: handleChangeOrder }),
+    addTab
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderChildren(),
+    addTab
+  ] }) });
+};
+export {
+  CardTabs as default
 };
-export default CardTabs;

package/dist/CardTabs.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const CardTabsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CardTabsAddButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const CardTabsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CardTabsAddButton: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/CardTabs.styles.js

@@ -1,10 +1,14 @@
-import styled from 'styled-components';
-import { ButtonStyles } from '@synerise/ds-button';
-export var CardTabsContainer = styled.div.withConfig({
+import styled from "styled-components";
+import { ButtonStyles } from "@synerise/ds-button";
+const CardTabsContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabsstyles__CardTabsContainer",
   componentId: "sc-1uu9dja-0"
 })(["display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;min-width:588px;gap:16px 12px;flex-wrap:wrap;padding-bottom:16px;@media (max-width:588px){.ds-button-creator{width:48px !important;", "{display:none;}}}"], ButtonStyles.Creator.CreatorLabel);
-export var CardTabsAddButton = styled.span.withConfig({
+const CardTabsAddButton = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CardTabsstyles__CardTabsAddButton",
   componentId: "sc-1uu9dja-1"
-})(["display:flex;flex-grow:1;flex-shrink:0;"]);
+})(["display:flex;flex-grow:1;flex-shrink:0;"]);
+export {
+  CardTabsAddButton,
+  CardTabsContainer
+};

package/dist/CardTabs.types.d.ts

@@ -1,6 +1,6 @@
-import { type ReactElement } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
-import type { CardTabProps } from './CardTab/CardTab.types';
+import { ReactElement } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
+import { CardTabProps } from './CardTab/CardTab.types';
 export type CardTabsPropsBase<IdType extends string | number> = {
     onChangeOrder?: (newOrder: CardTabProps<IdType>[]) => void;
     onAddTab?: () => void;

package/dist/CardTabs.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1,10 +1,17 @@
-import * as CardTabStyles from './CardTab/CardTab.styles';
-import * as MainCardTabsStyles from './CardTabs.styles';
-export { default } from './CardTabs';
-export { default as CardTab } from './CardTab/CardTab';
-export { prefixType } from './CardTab/CardTab.types';
-export { CardDot } from './CardTab/CardTab.styles';
-export var CardTabsStyles = {
-  CardTabs: MainCardTabsStyles,
-  CardTab: CardTabStyles
-};
+import * as CardTab_CardTab_styles from "./CardTab/CardTab.styles.js";
+import { CardDot } from "./CardTab/CardTab.styles.js";
+import * as CardTabs_styles from "./CardTabs.styles.js";
+import { default as default2 } from "./CardTabs.js";
+import { default as default3 } from "./CardTab/CardTab.js";
+import { prefixType } from "./CardTab/CardTab.types.js";
+const CardTabsStyles = {
+  CardTabs: CardTabs_styles,
+  CardTab: CardTab_CardTab_styles
+};
+export {
+  CardDot,
+  default3 as CardTab,
+  CardTabsStyles,
+  default2 as default,
+  prefixType
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/utils.js

@@ -1,17 +1,21 @@
-export var getColor = function getColor(isActive, activeColor, defaultColor) {
+const getColor = (isActive, activeColor, defaultColor) => {
   if (isActive) {
     return activeColor;
   }
   return defaultColor;
 };
-export var getLighterColor = function getLighterColor(color) {
+const getLighterColor = (color) => {
   if (color) {
-    var levelRegex = /(\d){3}$/g;
-    var matches = color.match(levelRegex);
-    if (matches != null && matches.length) {
-      var level = parseInt(matches[0], 10);
+    const levelRegex = /(\d){3}$/g;
+    const matches = color.match(levelRegex);
+    if (matches?.length) {
+      const level = parseInt(matches[0], 10);
       return color.replace(levelRegex, (level - 100).toString());
     }
   }
   return color;
-};
+};
+export {
+  getColor,
+  getLighterColor
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "1.5.22",
+  "version": "1.5.24",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,15 +16,15 @@
     "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",
-    "test": "vitest",
-    "test:watch": "pnpm run test -- --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,16 +35,16 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.16",
-    "@synerise/ds-cruds": "^1.1.0",
-    "@synerise/ds-dropdown": "^1.3.0",
-    "@synerise/ds-icon": "^1.14.1",
-    "@synerise/ds-inline-edit": "^1.1.22",
-    "@synerise/ds-menu": "^1.4.11",
-    "@synerise/ds-sortable": "^1.3.12",
-    "@synerise/ds-tooltip": "^1.4.8",
-    "@synerise/ds-typography": "^1.1.11",
-    "@synerise/ds-utils": "^1.6.0"
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-cruds": "^1.1.2",
+    "@synerise/ds-dropdown": "^1.3.2",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-inline-edit": "^1.1.24",
+    "@synerise/ds-menu": "^1.4.13",
+    "@synerise/ds-sortable": "^1.3.14",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-typography": "^1.1.13",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -54,5 +54,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }