@cytario/design 5.2.0 → 5.3.0

package/dist/index.js

@@ -3015,7 +3015,7 @@ function FormWizardProgress({ labels }) {
                 "aria-hidden": "true",
                 className: [
                   "h-0.5 flex-1",
-                  index <= currentStep ? "bg-(--color-brand-primary)" : "bg-(--color-border-default)"
+                  index <= currentStep ? "bg-(--color-surface-brand)" : "bg-(--color-border-default)"
                 ].join(" ")
               }
             ) : /* @__PURE__ */ jsx46("div", { className: "flex-1", "aria-hidden": "true" }),
@@ -3026,8 +3026,8 @@ function FormWizardProgress({ labels }) {
                   "flex h-8 w-8 shrink-0 items-center justify-center rounded-full",
                   "text-sm font-medium",
                   "transition-colors",
-                  isCompleted ? "bg-(--color-brand-primary) text-(--color-text-inverse)" : "",
-                  isCurrent ? "border-2 border-(--color-brand-primary) bg-(--color-surface-default) text-(--color-brand-primary)" : "",
+                  isCompleted ? "bg-(--color-surface-brand) text-(--color-text-inverse)" : "",
+                  isCurrent ? "border-2 border-(--color-border-brand) bg-(--color-surface-default) text-(--color-text-brand)" : "",
                   isFuture ? "border-2 border-(--color-border-default) bg-(--color-surface-default) text-(--color-text-tertiary)" : ""
                 ].join(" "),
                 "aria-hidden": "true",
@@ -3040,7 +3040,7 @@ function FormWizardProgress({ labels }) {
                 "aria-hidden": "true",
                 className: [
                   "h-0.5 flex-1",
-                  index < currentStep ? "bg-(--color-brand-primary)" : "bg-(--color-border-default)"
+                  index < currentStep ? "bg-(--color-surface-brand)" : "bg-(--color-border-default)"
                 ].join(" ")
               }
             ) : /* @__PURE__ */ jsx46("div", { className: "flex-1", "aria-hidden": "true" })
@@ -3105,6 +3105,7 @@ var ColorPurple600 = "#6b2695";
 var ColorPurple700 = "#5c2483";
 var ColorPurple800 = "#4a1d6a";
 var ColorPurple900 = "#3a1754";
+var ColorPurple950 = "#2a0f3e";
 var ColorTeal50 = "#edf9f9";
 var ColorTeal100 = "#d0f0f0";
 var ColorTeal200 = "#a1e1e2";
@@ -3115,6 +3116,7 @@ var ColorTeal600 = "#2a9b9c";
 var ColorTeal700 = "#217d7e";
 var ColorTeal800 = "#1a6364";
 var ColorTeal900 = "#144d4e";
+var ColorTeal950 = "#0a2829";
 var ColorGreen50 = "#f0fdf4";
 var ColorGreen100 = "#dcfce7";
 var ColorGreen200 = "#bbf7d0";
@@ -3125,6 +3127,7 @@ var ColorGreen600 = "#16a34a";
 var ColorGreen700 = "#15803d";
 var ColorGreen800 = "#166534";
 var ColorGreen900 = "#14532d";
+var ColorGreen950 = "#052e16";
 var ColorRose50 = "#fff1f2";
 var ColorRose100 = "#ffe4e6";
 var ColorRose200 = "#fecdd3";
@@ -3135,6 +3138,7 @@ var ColorRose600 = "#e11d48";
 var ColorRose700 = "#be123c";
 var ColorRose800 = "#9f1239";
 var ColorRose900 = "#881337";
+var ColorRose950 = "#4c0519";
 var ColorSlate50 = "#f8fafc";
 var ColorSlate100 = "#f1f5f9";
 var ColorSlate200 = "#e2e8f0";
@@ -3145,6 +3149,7 @@ var ColorSlate600 = "#475569";
 var ColorSlate700 = "#334155";
 var ColorSlate800 = "#1e293b";
 var ColorSlate900 = "#0f172a";
+var ColorSlate950 = "#020617";
 var ColorAmber50 = "#fffbeb";
 var ColorAmber100 = "#fef3c7";
 var ColorAmber200 = "#fde68a";
@@ -3155,21 +3160,26 @@ var ColorAmber600 = "#d97706";
 var ColorAmber700 = "#b45309";
 var ColorAmber800 = "#92400e";
 var ColorAmber900 = "#78350f";
-var ColorNeutral0 = "#ffffff";
-var ColorNeutral50 = "#f9fafb";
-var ColorNeutral100 = "#f3f4f6";
-var ColorNeutral200 = "#e5e7eb";
-var ColorNeutral300 = "#d1d5db";
-var ColorNeutral400 = "#9ca3af";
-var ColorNeutral500 = "#6b7280";
-var ColorNeutral600 = "#4b5563";
-var ColorNeutral700 = "#374151";
-var ColorNeutral800 = "#1f2937";
-var ColorNeutral900 = "#111827";
-var ColorNeutral950 = "#030712";
-var ColorNeutral1000 = "#000000";
-var ColorBrandPrimary = "#5c2483";
-var ColorBrandAccent = "#35b7b8";
+var ColorAmber950 = "#451a03";
+var ColorBlue50 = "#eff6ff";
+var ColorBlue100 = "#dbeafe";
+var ColorBlue200 = "#bfdbfe";
+var ColorBlue300 = "#93c5fd";
+var ColorBlue400 = "#60a5fa";
+var ColorBlue500 = "#3b82f6";
+var ColorBlue600 = "#2563eb";
+var ColorBlue700 = "#1d4ed8";
+var ColorBlue800 = "#1e40af";
+var ColorBlue900 = "#1e3a8a";
+var ColorBlue950 = "#172554";
+var ColorWhite = "#ffffff";
+var ColorBlack = "#000000";
+var ColorAlphaBlack80 = "#000000cc";
+var ColorAlphaBlack60 = "#00000099";
+var ColorAlphaBlack40 = "#00000066";
+var ColorAlphaBlack06 = "#0000000f";
+var ColorAlphaWhite10 = "#ffffff1a";
+var ColorAlphaWhite06 = "#ffffff0f";
 var ColorActionPrimary = "#5c2483";
 var ColorActionPrimaryHover = "#6b2695";
 var ColorActionPrimaryActive = "#4a1d6a";
@@ -3179,66 +3189,66 @@ var ColorActionDanger = "#e11d48";
 var ColorActionDangerHover = "#be123c";
 var ColorActionSuccess = "#16a34a";
 var ColorActionSuccessHover = "#15803d";
-var ColorActionInfo = "#475569";
-var ColorActionInfoHover = "#334155";
+var ColorActionInfo = "#2563eb";
+var ColorActionInfoHover = "#1d4ed8";
 var ColorActionDefault = "#1e293b";
 var ColorActionDefaultHover = "#334155";
-var ColorTextPrimary = "#111827";
-var ColorTextSecondary = "#4b5563";
-var ColorTextTertiary = "#9ca3af";
+var ColorTextPrimary = "#0f172a";
+var ColorTextSecondary = "#475569";
+var ColorTextTertiary = "#94a3b8";
 var ColorTextInverse = "#ffffff";
 var ColorTextBrand = "#5c2483";
 var ColorTextAccent = "#35b7b8";
 var ColorTextDanger = "#e11d48";
 var ColorTextSuccess = "#16a34a";
-var ColorTextInfo = "#475569";
+var ColorTextInfo = "#2563eb";
 var ColorTextWarning = "#d97706";
 var ColorSurfaceDefault = "#ffffff";
-var ColorSurfaceSubtle = "#f9fafb";
-var ColorSurfaceMuted = "#f3f4f6";
+var ColorSurfaceSubtle = "#f8fafc";
+var ColorSurfaceMuted = "#f1f5f9";
 var ColorSurfaceBrand = "#5c2483";
 var ColorSurfaceAccent = "#35b7b8";
 var ColorSurfaceDanger = "#fff1f2";
 var ColorSurfaceSuccess = "#f0fdf4";
 var ColorSurfaceWarning = "#fffbeb";
-var ColorSurfaceInfo = "#f8fafc";
+var ColorSurfaceInfo = "#eff6ff";
 var ColorSurfaceOverlay = "#000000cc";
-var ColorSurfaceHover = "#f3f4f6";
-var ColorSurfacePressed = "#e5e7eb";
+var ColorSurfaceHover = "#0000000f";
+var ColorSurfacePressed = "#e2e8f0";
 var ColorSurfaceSelected = "#edf9f9";
 var ColorSurfaceSelectedHover = "#d0f0f0";
-var ColorBorderDefault = "#e5e7eb";
-var ColorBorderStrong = "#d1d5db";
+var ColorBorderDefault = "#e2e8f0";
+var ColorBorderStrong = "#cbd5e1";
 var ColorBorderBrand = "#5c2483";
 var ColorBorderAccent = "#35b7b8";
 var ColorBorderFocus = "#35b7b8";
 var ColorBorderDanger = "#e11d48";
 var ColorBorderSuccess = "#16a34a";
-var ColorBorderInfo = "#94a3b8";
+var ColorBorderInfo = "#60a5fa";
 var ColorBorderWarning = "#d97706";
 var ColorOverlayBackdrop = "#00000066";
 var ColorStatusSuccess = "#22c55e";
 var ColorStatusDanger = "#f43f5e";
 var ColorStatusWarning = "#d97706";
-var ColorStatusInfo = "#64748b";
+var ColorStatusInfo = "#3b82f6";
 var ColorDeltaIncreaseBg = "#fff1f2";
 var ColorDeltaIncreaseText = "#be123c";
 var ColorDeltaIncreaseIcon = "#f43f5e";
 var ColorDeltaDecreaseBg = "#f0fdf4";
 var ColorDeltaDecreaseText = "#15803d";
 var ColorDeltaDecreaseIcon = "#22c55e";
-var ColorDeltaFlatBg = "#f3f4f6";
-var ColorDeltaFlatText = "#6b7280";
-var ColorDeltaFlatIcon = "#9ca3af";
-var ColorProgressTrack = "#e5e7eb";
+var ColorDeltaFlatBg = "#f1f5f9";
+var ColorDeltaFlatText = "#64748b";
+var ColorDeltaFlatIcon = "#94a3b8";
+var ColorProgressTrack = "#e2e8f0";
 var ColorProgressFill = "#6b2695";
 var ColorProgressFillSuccess = "#22c55e";
 var ColorProgressFillWarning = "#f59e0b";
 var ColorProgressFillDanger = "#f43f5e";
-var ColorBannerInfoBg = "#f8fafc";
-var ColorBannerInfoText = "#334155";
-var ColorBannerInfoBorder = "#e2e8f0";
-var ColorBannerInfoIcon = "#64748b";
+var ColorBannerInfoBg = "#eff6ff";
+var ColorBannerInfoText = "#1d4ed8";
+var ColorBannerInfoBorder = "#bfdbfe";
+var ColorBannerInfoIcon = "#3b82f6";
 var ColorBannerWarningBg = "#fffbeb";
 var ColorBannerWarningText = "#92400e";
 var ColorBannerWarningBorder = "#fde68a";
@@ -3259,8 +3269,8 @@ var ColorBadgeSlateBg = "#f1f5f9";
 var ColorBadgeSlateText = "#334155";
 var ColorBadgeRoseBg = "#ffe4e6";
 var ColorBadgeRoseText = "#be123c";
-var ColorBadgeNeutralBg = "#f3f4f6";
-var ColorBadgeNeutralText = "#374151";
+var ColorBadgeNeutralBg = "#f1f5f9";
+var ColorBadgeNeutralText = "#334155";
 var ColorBadgeGreenBg = "#dcfce7";
 var ColorBadgeGreenText = "#15803d";
 var ColorBadgeAmberBg = "#fef3c7";
@@ -3325,6 +3335,12 @@ export {
   ColorActionSecondaryHover,
   ColorActionSuccess,
   ColorActionSuccessHover,
+  ColorAlphaBlack06,
+  ColorAlphaBlack40,
+  ColorAlphaBlack60,
+  ColorAlphaBlack80,
+  ColorAlphaWhite06,
+  ColorAlphaWhite10,
   ColorAmber100,
   ColorAmber200,
   ColorAmber300,
@@ -3335,6 +3351,7 @@ export {
   ColorAmber700,
   ColorAmber800,
   ColorAmber900,
+  ColorAmber950,
   ColorBadgeAmberBg,
   ColorBadgeAmberText,
   ColorBadgeGreenBg,
@@ -3365,6 +3382,18 @@ export {
   ColorBannerWarningBorder,
   ColorBannerWarningIcon,
   ColorBannerWarningText,
+  ColorBlack,
+  ColorBlue100,
+  ColorBlue200,
+  ColorBlue300,
+  ColorBlue400,
+  ColorBlue50,
+  ColorBlue500,
+  ColorBlue600,
+  ColorBlue700,
+  ColorBlue800,
+  ColorBlue900,
+  ColorBlue950,
   ColorBorderAccent,
   ColorBorderBrand,
   ColorBorderDanger,
@@ -3374,8 +3403,6 @@ export {
   ColorBorderStrong,
   ColorBorderSuccess,
   ColorBorderWarning,
-  ColorBrandAccent,
-  ColorBrandPrimary,
   ColorDeltaDecreaseBg,
   ColorDeltaDecreaseIcon,
   ColorDeltaDecreaseText,
@@ -3395,19 +3422,7 @@ export {
   ColorGreen700,
   ColorGreen800,
   ColorGreen900,
-  ColorNeutral0,
-  ColorNeutral100,
-  ColorNeutral1000,
-  ColorNeutral200,
-  ColorNeutral300,
-  ColorNeutral400,
-  ColorNeutral50,
-  ColorNeutral500,
-  ColorNeutral600,
-  ColorNeutral700,
-  ColorNeutral800,
-  ColorNeutral900,
-  ColorNeutral950,
+  ColorGreen950,
   ColorOverlayBackdrop,
   ColorProgressFill,
   ColorProgressFillDanger,
@@ -3424,6 +3439,7 @@ export {
   ColorPurple700,
   ColorPurple800,
   ColorPurple900,
+  ColorPurple950,
   ColorRose100,
   ColorRose200,
   ColorRose300,
@@ -3434,6 +3450,7 @@ export {
   ColorRose700,
   ColorRose800,
   ColorRose900,
+  ColorRose950,
   ColorSlate100,
   ColorSlate200,
   ColorSlate300,
@@ -3444,6 +3461,7 @@ export {
   ColorSlate700,
   ColorSlate800,
   ColorSlate900,
+  ColorSlate950,
   ColorStatusDanger,
   ColorStatusInfo,
   ColorStatusSuccess,
@@ -3472,6 +3490,7 @@ export {
   ColorTeal700,
   ColorTeal800,
   ColorTeal900,
+  ColorTeal950,
   ColorTextAccent,
   ColorTextBrand,
   ColorTextDanger,
@@ -3482,6 +3501,7 @@ export {
   ColorTextSuccess,
   ColorTextTertiary,
   ColorTextWarning,
+  ColorWhite,
   Column,
   DeltaIndicator,
   Dialog,