@agentiffai/design 1.3.17 → 1.3.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -10394,7 +10394,7 @@ var WorkflowCard = ({
10394
10394
  disabled = false,
10395
10395
  className
10396
10396
  }) => {
10397
- const missingCount = integrations.filter((i) => i.connected === false).length;
10397
+ const missingCount = integrations.filter((i) => i.connected === false && !i.optional).length;
10398
10398
  const hasFooter = integrations.length > 0 || needsSetup;
10399
10399
  return /* @__PURE__ */ jsxRuntime.jsxs(
10400
10400
  Card3,
@@ -10412,7 +10412,8 @@ var WorkflowCard = ({
10412
10412
  IntegrationIconWrapper,
10413
10413
  {
10414
10414
  $connected: integration.connected !== false,
10415
- title: `${integration.name}${integration.connected === false ? " (not connected)" : ""}`,
10415
+ $optional: !!integration.optional,
10416
+ title: `${integration.name}${integration.connected === false ? integration.optional ? " (optional)" : " (not connected)" : ""}`,
10416
10417
  children: /* @__PURE__ */ jsxRuntime.jsx(
10417
10418
  IntegrationIcon,
10418
10419
  {
@@ -10527,16 +10528,16 @@ var IntegrationIconWrapper = styled47__default.default.span`
10527
10528
  height: 24px;
10528
10529
  border-radius: ${tokens.borderRadius.sm};
10529
10530
  background: ${tokens.colors.background.light};
10530
- opacity: ${({ $connected }) => $connected ? 1 : 0.4};
10531
+ opacity: ${({ $connected, $optional }) => $connected ? 1 : $optional ? 0.3 : 0.4};
10531
10532
  position: relative;
10532
10533
  flex-shrink: 0;
10533
10534
 
10534
- ${({ $connected }) => !$connected && `
10535
+ ${({ $connected, $optional }) => !$connected && `
10535
10536
  &::after {
10536
10537
  content: '';
10537
10538
  position: absolute;
10538
10539
  inset: 0;
10539
- border: 1px dashed ${tokens.colors.warning};
10540
+ border: 1px dashed ${$optional ? tokens.colors.border.default : tokens.colors.warning};
10540
10541
  border-radius: ${tokens.borderRadius.sm};
10541
10542
  }
10542
10543
  `}