@synerise/ds-card-tabs 1.5.22 → 1.5.24

package/dist/CardTab/CardTab.styles.js

@@ -1,351 +1,337 @@
-import styled from 'styled-components';
-import { InPlaceEditableInputContainer } from '@synerise/ds-inline-edit/dist/InlineEdit.styles';
-import { macro } from '@synerise/ds-typography';
-import { getColor, getLighterColor } from '../utils';
-export var CardTabSuffix = styled.div.withConfig({
+import styled from "styled-components";
+import { InPlaceEditableInputContainer } from "@synerise/ds-inline-edit/dist/InlineEdit.styles";
+import { macro } from "@synerise/ds-typography";
+import { getColor, getLighterColor } from "../utils.js";
+const CardTabSuffix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardTabSuffix",
   componentId: "sc-1n86s98-0"
 })(["flex-direction:row;align-items:center;justify-content:flex-end;height:24px;display:none;:has([data-popover-trigger][data-state='open']){display:flex;}"]);
-export var CardTabName = styled.span.withConfig({
+const CardTabName = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CardTabstyles__CardTabName",
   componentId: "sc-1n86s98-1"
 })(["max-width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]);
-export var CardSuffixWrapper = styled.span.withConfig({
+const CardSuffixWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CardTabstyles__CardSuffixWrapper",
   componentId: "sc-1n86s98-2"
 })(["display:none;"]);
-export var CardTabLabel = styled.span.withConfig({
+const CardTabLabel = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CardTabstyles__CardTabLabel",
   componentId: "sc-1n86s98-3"
-})(["", ";color:", ";line-height:20px;position:relative;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:flex-start;", "{input{font-weight:500;font-size:14px;line-height:20px;color:", ";background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% );}}"], macro.h300, function (props) {
-  return props.theme.palette['grey-600'];
-}, InPlaceEditableInputContainer, function (props) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
-export var CardTabTag = styled.div.withConfig({
+})(["", ";color:", ";line-height:20px;position:relative;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:flex-start;", "{input{font-weight:500;font-size:14px;line-height:20px;color:", ";background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% );}}"], macro.h300, (props) => props.theme.palette["grey-600"], InPlaceEditableInputContainer, (props) => props.theme.palette["grey-800"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
+const CardTabTag = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardTabTag",
   componentId: "sc-1n86s98-4"
-})(["", " color:", ";display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;"], macro.h200, function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.white;
-});
-export var CardDotPrefix = styled.div.withConfig({
+})(["", " color:", ";display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;"], macro.h200, ({
+  theme
+}) => theme.palette.white);
+const CardDotPrefix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardDotPrefix",
   componentId: "sc-1n86s98-5"
-})(["", " color:", ";display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;"], macro.h200, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette.white;
-});
-export var CardDot = styled.div.withConfig({
+})(["", " color:", ";display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;"], macro.h200, ({
+  theme
+}) => theme.palette.white);
+const CardDot = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardDot",
   componentId: "sc-1n86s98-6"
 })(["", " display:flex;align-items:center;justify-content:center;width:8px;height:8px;border-radius:50%;"], macro.h200);
-export var CardTabPrefix = styled.div.withConfig({
+const CardTabPrefix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardTabPrefix",
   componentId: "sc-1n86s98-7"
 })(["display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;"]);
-export var CardDragPrefix = styled.div.withConfig({
+const CardDragPrefix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardDragPrefix",
   componentId: "sc-1n86s98-8"
-})(["display:", ";"], function (props) {
-  return props.persistent ? 'block' : 'none';
-});
-export var CardIconPrefix = styled.div.withConfig({
+})(["display:", ";"], (props) => props.persistent ? "block" : "none");
+const CardIconPrefix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardIconPrefix",
   componentId: "sc-1n86s98-9"
 })(["display:flex;"]);
-export var CardTabContainer = styled.div.withConfig({
+const CardTabContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CardTabstyles__CardTabContainer",
   componentId: "sc-1n86s98-10"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:168px;@media (max-width:588px){max-width:145px;}height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:", ";border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}", "{svg{color:", ";fill:", " !important;}}", "{svg{color:", " !important;fill:", " !important;}.remove{svg{color:", " !important;fill:", " !important;}}}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:", ";svg{color:", ";fill:", " !important;}}", "{display:", ";}", "{display:", ";svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", " !important;}}}&:active{background-color:", ";}", "{input{color:", ";padding:0 !important;background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% ) !important;}}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], function (_ref3) {
-  var theme = _ref3.theme,
-    active = _ref3.active,
-    invalid = _ref3.invalid,
-    color = _ref3.color,
-    greyBackground = _ref3.greyBackground;
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:168px;@media (max-width:588px){max-width:145px;}height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:", ";border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}", "{svg{color:", ";fill:", " !important;}}", "{svg{color:", " !important;fill:", " !important;}.remove{svg{color:", " !important;fill:", " !important;}}}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:", ";svg{color:", ";fill:", " !important;}}", "{display:", ";}", "{display:", ";svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", " !important;}}}&:active{background-color:", ";}", "{input{color:", ";padding:0 !important;background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% ) !important;}}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], ({
+  theme,
+  active,
+  invalid,
+  color,
+  greyBackground
+}) => {
   if (invalid && active) {
-    return theme.palette['red-600'];
+    return theme.palette["red-600"];
   }
   if (active) {
-    return theme.palette["" + color];
+    return theme.palette[`${color}`];
   }
   if (greyBackground) {
     return theme.palette.white;
   }
-  return theme.palette['grey-050'];
-}, function (_ref4) {
-  var greyBackground = _ref4.greyBackground;
-  return greyBackground ? '0 4px 12px 0 rgba(35, 41, 54, 0.04)' : '0';
-}, function (_ref5) {
-  var greyBackground = _ref5.greyBackground;
-  return greyBackground ? '0' : '1px';
-}, function (_ref6) {
-  var theme = _ref6.theme,
-    active = _ref6.active,
-    invalid = _ref6.invalid,
-    color = _ref6.color;
+  return theme.palette["grey-050"];
+}, ({
+  greyBackground
+}) => greyBackground ? "0 4px 12px 0 rgba(35, 41, 54, 0.04)" : "0", ({
+  greyBackground
+}) => greyBackground ? "0" : "1px", ({
+  theme,
+  active,
+  invalid,
+  color
+}) => {
   if (invalid) {
-    return theme.palette['red-600'];
+    return theme.palette["red-600"];
   }
-  return getColor(active, theme.palette["" + color], theme.palette['grey-300']);
-}, function (_ref7) {
-  var disabled = _ref7.disabled;
-  return disabled ? 'none' : 'all';
-}, CardTabTag, function (_ref8) {
-  var theme = _ref8.theme,
-    active = _ref8.active,
-    color = _ref8.color;
-  return getColor(active, theme.palette.white, theme.palette["" + color]);
-}, function (_ref9) {
-  var theme = _ref9.theme,
-    active = _ref9.active,
-    color = _ref9.color;
-  return getColor(active, theme.palette["" + color], theme.palette.white);
-}, CardDot, function (_ref0) {
-  var theme = _ref0.theme,
-    active = _ref0.active,
-    color = _ref0.color,
-    invalid = _ref0.invalid;
+  return getColor(active, theme.palette[`${color}`], theme.palette["grey-300"]);
+}, ({
+  disabled
+}) => disabled ? "none" : "all", CardTabTag, ({
+  theme,
+  active,
+  color
+}) => getColor(active, theme.palette.white, theme.palette[`${color}`]), ({
+  theme,
+  active,
+  color
+}) => getColor(active, theme.palette[`${color}`], theme.palette.white), CardDot, ({
+  theme,
+  active,
+  color,
+  invalid
+}) => {
   if (active && invalid) {
-    return theme.palette["" + color];
+    return theme.palette[`${color}`];
   }
-  return getColor(active, 'transparent', theme.palette["" + color]);
-}, CardDotPrefix, function (_ref1) {
-  var active = _ref1.active,
-    edited = _ref1.edited;
-  return active && !edited ? '12px' : '24px';
-}, function (_ref10) {
-  var active = _ref10.active,
-    edited = _ref10.edited;
-  return active && !edited ? '12px' : '24px';
-}, function (_ref11) {
-  var active = _ref11.active,
-    edited = _ref11.edited;
-  return active && !edited ? '2px' : '0px';
-}, function (_ref12) {
-  var theme = _ref12.theme,
-    active = _ref12.active,
-    edited = _ref12.edited;
-  return active && !edited ? theme.palette.white : 'none';
-}, CardSuffixWrapper, function (_ref13) {
-  var theme = _ref13.theme,
-    active = _ref13.active;
+  return getColor(active, "transparent", theme.palette[`${color}`]);
+}, CardDotPrefix, ({
+  active,
+  edited
+}) => active && !edited ? "12px" : "24px", ({
+  active,
+  edited
+}) => active && !edited ? "12px" : "24px", ({
+  active,
+  edited
+}) => active && !edited ? "2px" : "0px", ({
+  theme,
+  active,
+  edited
+}) => active && !edited ? theme.palette.white : "none", CardSuffixWrapper, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, function (_ref14) {
-  var theme = _ref14.theme,
-    active = _ref14.active;
+  return theme.palette["grey-600"];
+}, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, CardTabSuffix, function (_ref15) {
-  var theme = _ref15.theme,
-    active = _ref15.active;
-  return active ? theme.palette.white : theme.palette['grey-600'];
-}, function (_ref16) {
-  var theme = _ref16.theme,
-    active = _ref16.active;
-  return active ? theme.palette.white : theme.palette['grey-600'];
-}, function (_ref17) {
-  var theme = _ref17.theme,
-    active = _ref17.active;
-  return active ? theme.palette.white : theme.palette['red-600'];
-}, function (_ref18) {
-  var theme = _ref18.theme,
-    active = _ref18.active;
-  return active ? theme.palette.white : theme.palette['red-600'];
-}, function (_ref19) {
-  var greyBackground = _ref19.greyBackground;
-  return greyBackground ? '0 4px 12px 0 rgba(35, 41, 54, 0.04)' : '';
-}, function (_ref20) {
-  var theme = _ref20.theme,
-    active = _ref20.active,
-    invalid = _ref20.invalid,
-    color = _ref20.color,
-    greyBackground = _ref20.greyBackground;
+  return theme.palette["grey-600"];
+}, CardTabSuffix, ({
+  theme,
+  active
+}) => active ? theme.palette.white : theme.palette["grey-600"], ({
+  theme,
+  active
+}) => active ? theme.palette.white : theme.palette["grey-600"], ({
+  theme,
+  active
+}) => active ? theme.palette.white : theme.palette["red-600"], ({
+  theme,
+  active
+}) => active ? theme.palette.white : theme.palette["red-600"], ({
+  greyBackground
+}) => greyBackground ? "0 4px 12px 0 rgba(35, 41, 54, 0.04)" : "", ({
+  theme,
+  active,
+  invalid,
+  color,
+  greyBackground
+}) => {
   if (invalid && active) {
-    return theme.palette["" + getLighterColor('red-600')];
+    return theme.palette[`${getLighterColor("red-600")}`];
   }
   if (active) {
-    return theme.palette["" + getLighterColor(color)];
+    return theme.palette[`${getLighterColor(color)}`];
   }
   if (greyBackground && !active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-050'];
-}, CardTabSuffix, function (_ref21) {
-  var edited = _ref21.edited;
-  return edited ? 'none' : 'flex';
-}, CardSuffixWrapper, function (_ref22) {
-  var edited = _ref22.edited;
-  return edited ? 'none' : 'flex';
-}, CardTabLabel, function (_ref23) {
-  var theme = _ref23.theme,
-    active = _ref23.active;
+  return theme.palette["grey-050"];
+}, CardTabSuffix, ({
+  edited
+}) => edited ? "none" : "flex", CardSuffixWrapper, ({
+  edited
+}) => edited ? "none" : "flex", CardTabLabel, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-800'];
-}, CardTabTag, function (_ref24) {
-  var theme = _ref24.theme,
-    color = _ref24.color,
-    active = _ref24.active;
+  return theme.palette["grey-800"];
+}, CardTabTag, ({
+  theme,
+  color,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette["" + color];
-}, function (_ref25) {
-  var theme = _ref25.theme,
-    active = _ref25.active,
-    color = _ref25.color;
+  return theme.palette[`${color}`];
+}, ({
+  theme,
+  active,
+  color
+}) => {
   if (active) {
-    return theme.palette["" + color];
+    return theme.palette[`${color}`];
   }
   return theme.palette.white;
-}, function (props) {
-  return props.isDraggable ? 'none' : 'flex';
-}, CardTabPrefix, function (_ref26) {
-  var theme = _ref26.theme,
-    active = _ref26.active;
+}, (props) => props.isDraggable ? "none" : "flex", CardTabPrefix, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, function (_ref27) {
-  var theme = _ref27.theme,
-    active = _ref27.active;
+  return theme.palette["grey-600"];
+}, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, CardDragPrefix, function (_ref28) {
-  var edited = _ref28.edited;
-  return edited ? 'none' : 'flex';
-}, function (_ref29) {
-  var theme = _ref29.theme,
-    active = _ref29.active;
+  return theme.palette["grey-600"];
+}, CardDragPrefix, ({
+  edited
+}) => edited ? "none" : "flex", ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, function (_ref30) {
-  var theme = _ref30.theme,
-    active = _ref30.active;
+  return theme.palette["grey-600"];
+}, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, CardDotPrefix, function (props) {
-  return props.isDraggable ? 'none' : 'flex';
-}, CardIconPrefix, function (props) {
-  return props.isDraggable ? 'none' : 'flex';
-}, function (_ref31) {
-  var theme = _ref31.theme,
-    active = _ref31.active;
-  return active ? theme.palette.white : theme.palette['grey-600'];
-}, function (_ref32) {
-  var theme = _ref32.theme,
-    active = _ref32.active;
-  return active ? theme.palette.white : theme.palette['grey-600'];
-}, function (_ref33) {
-  var theme = _ref33.theme,
-    active = _ref33.active;
+  return theme.palette["grey-600"];
+}, CardDotPrefix, (props) => props.isDraggable ? "none" : "flex", CardIconPrefix, (props) => props.isDraggable ? "none" : "flex", ({
+  theme,
+  active
+}) => active ? theme.palette.white : theme.palette["grey-600"], ({
+  theme,
+  active
+}) => active ? theme.palette.white : theme.palette["grey-600"], ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, function (_ref34) {
-  var theme = _ref34.theme,
-    active = _ref34.active;
+  return theme.palette["grey-600"];
+}, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, function (_ref35) {
-  var theme = _ref35.theme,
-    active = _ref35.active,
-    invalid = _ref35.invalid,
-    color = _ref35.color,
-    greyBackground = _ref35.greyBackground;
+  return theme.palette["grey-600"];
+}, ({
+  theme,
+  active,
+  invalid,
+  color,
+  greyBackground
+}) => {
   if (invalid && active) {
-    return theme.palette["" + getLighterColor('red-600')];
+    return theme.palette[`${getLighterColor("red-600")}`];
   }
   if (active) {
-    return theme.palette["" + getLighterColor(color)];
+    return theme.palette[`${getLighterColor(color)}`];
   }
   if (greyBackground && !active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-100'];
-}, InPlaceEditableInputContainer, function (_ref36) {
-  var theme = _ref36.theme,
-    active = _ref36.active;
+  return theme.palette["grey-100"];
+}, InPlaceEditableInputContainer, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-800'];
-}, function (_ref37) {
-  var theme = _ref37.theme,
-    active = _ref37.active;
+  return theme.palette["grey-800"];
+}, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-800'];
-}, function (_ref38) {
-  var theme = _ref38.theme,
-    active = _ref38.active;
+  return theme.palette["grey-800"];
+}, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-800'];
-}, CardTabLabel, function (_ref39) {
-  var theme = _ref39.theme,
-    active = _ref39.active;
+  return theme.palette["grey-800"];
+}, CardTabLabel, ({
+  theme,
+  active
+}) => {
   if (active) {
     return theme.palette.white;
   }
-  return theme.palette['grey-600'];
-}, function (_ref40) {
-  var disabled = _ref40.disabled;
-  return disabled ? 0.4 : 1;
-}, function (_ref41) {
-  var theme = _ref41.theme,
-    active = _ref41.active;
-  return getColor(active, theme.palette.white, theme.palette['grey-600']);
-}, function (_ref42) {
-  var theme = _ref42.theme,
-    active = _ref42.active;
-  return getColor(active, theme.palette.white, theme.palette['grey-600']);
-}, function (_ref43) {
-  var disabled = _ref43.disabled;
-  return disabled ? 0.4 : 1;
-}, CardTabPrefix, function (_ref44) {
-  var disabled = _ref44.disabled;
-  return disabled ? 0.4 : 1;
-}, function (_ref45) {
-  var theme = _ref45.theme,
-    active = _ref45.active;
-  return getColor(active, theme.palette.white, theme.palette['grey-400']);
-}, function (_ref46) {
-  var theme = _ref46.theme,
-    active = _ref46.active;
-  return getColor(active, theme.palette.white, theme.palette['grey-400']);
-}, function (_ref47) {
-  var theme = _ref47.theme,
-    active = _ref47.active;
-  return getColor(active, theme.palette.white, theme.palette['grey-600']);
-}, function (_ref48) {
-  var theme = _ref48.theme,
-    active = _ref48.active;
-  return getColor(active, theme.palette.white, theme.palette['grey-600']);
-}, CardTabSuffix, function (_ref49) {
-  var disabled = _ref49.disabled;
-  return disabled ? 0.4 : 1;
-});
+  return theme.palette["grey-600"];
+}, ({
+  disabled
+}) => disabled ? 0.4 : 1, ({
+  theme,
+  active
+}) => getColor(active, theme.palette.white, theme.palette["grey-600"]), ({
+  theme,
+  active
+}) => getColor(active, theme.palette.white, theme.palette["grey-600"]), ({
+  disabled
+}) => disabled ? 0.4 : 1, CardTabPrefix, ({
+  disabled
+}) => disabled ? 0.4 : 1, ({
+  theme,
+  active
+}) => getColor(active, theme.palette.white, theme.palette["grey-400"]), ({
+  theme,
+  active
+}) => getColor(active, theme.palette.white, theme.palette["grey-400"]), ({
+  theme,
+  active
+}) => getColor(active, theme.palette.white, theme.palette["grey-600"]), ({
+  theme,
+  active
+}) => getColor(active, theme.palette.white, theme.palette["grey-600"]), CardTabSuffix, ({
+  disabled
+}) => disabled ? 0.4 : 1);
+export {
+  CardDot,
+  CardDotPrefix,
+  CardDragPrefix,
+  CardIconPrefix,
+  CardSuffixWrapper,
+  CardTabContainer,
+  CardTabLabel,
+  CardTabName,
+  CardTabPrefix,
+  CardTabSuffix,
+  CardTabTag
+};

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

@@ -1,7 +1,7 @@
-import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import type { IntlShape } from 'react-intl';
-import type { DefaultColor } from '@synerise/ds-core';
-import type { DragHandlePropType } from '@synerise/ds-sortable';
+import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { IntlShape } from 'react-intl';
+import { DefaultColor } from '@synerise/ds-core';
+import { DragHandlePropType } from '@synerise/ds-sortable';
 export declare enum prefixType {
     TAG = 0,
     ICON = 1,

package/dist/CardTab/CardTab.types.js

@@ -1,7 +1,10 @@
-export var prefixType = /*#__PURE__*/function (prefixType) {
-  prefixType[prefixType["TAG"] = 0] = "TAG";
-  prefixType[prefixType["ICON"] = 1] = "ICON";
-  prefixType[prefixType["DOT"] = 2] = "DOT";
-  prefixType[prefixType["HANDLE"] = 3] = "HANDLE";
-  return prefixType;
-}({});
+var prefixType = /* @__PURE__ */ ((prefixType2) => {
+  prefixType2[prefixType2["TAG"] = 0] = "TAG";
+  prefixType2[prefixType2["ICON"] = 1] = "ICON";
+  prefixType2[prefixType2["DOT"] = 2] = "DOT";
+  prefixType2[prefixType2["HANDLE"] = 3] = "HANDLE";
+  return prefixType2;
+})(prefixType || {});
+export {
+  prefixType
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { CardTabActionsProps } from './CardTabActions.types';
+import { default as React } from 'react';
+import { CardTabActionsProps } from './CardTabActions.types';
 declare const CardTabActions: ({ onChangeName, enterEditNameMode, onDuplicateTab, onRemoveTab, onPreviewTab, texts, }: CardTabActionsProps) => React.JSX.Element;
 export default CardTabActions;