@gyramais/gyra-design 0.2.32 → 0.2.33

package/dist/emails/balance-sheet-finalized/components/SyncChip/SyncChip.d.ts

@@ -11,7 +11,15 @@ type SyncChipProps = {
     errorTooltip?: string;
     /** Optional override for the tooltip when verified is false. */
     notVerifiedTooltip?: string;
+    /** When in error state and provided, renders a compact retry action to
+        the LEFT of the chip. Keeps the retry paired with its sync-status,
+        consistently across every usage. */
+    onRetry?: () => void;
+    /** Label for the retry action. */
+    retryLabel?: string;
+    /** Disables the retry action (e.g. while a retry is already in flight). */
+    retryDisabled?: boolean;
 };
-declare const SyncChip: ({ id, className, loading, date, error, verified, errorTooltip, notVerifiedTooltip, }: SyncChipProps) => React.JSX.Element;
+declare const SyncChip: ({ id, className, loading, date, error, verified, errorTooltip, notVerifiedTooltip, onRetry, retryLabel, retryDisabled, }: SyncChipProps) => React.JSX.Element;
 export { SyncChip };
 export type { SyncChipProps };

package/dist/emails/email/components/SyncChip/SyncChip.d.ts

@@ -11,7 +11,15 @@ type SyncChipProps = {
     errorTooltip?: string;
     /** Optional override for the tooltip when verified is false. */
     notVerifiedTooltip?: string;
+    /** When in error state and provided, renders a compact retry action to
+        the LEFT of the chip. Keeps the retry paired with its sync-status,
+        consistently across every usage. */
+    onRetry?: () => void;
+    /** Label for the retry action. */
+    retryLabel?: string;
+    /** Disables the retry action (e.g. while a retry is already in flight). */
+    retryDisabled?: boolean;
 };
-declare const SyncChip: ({ id, className, loading, date, error, verified, errorTooltip, notVerifiedTooltip, }: SyncChipProps) => React.JSX.Element;
+declare const SyncChip: ({ id, className, loading, date, error, verified, errorTooltip, notVerifiedTooltip, onRetry, retryLabel, retryDisabled, }: SyncChipProps) => React.JSX.Element;
 export { SyncChip };
 export type { SyncChipProps };

package/dist/index.css

@@ -10046,6 +10046,58 @@ h6 {
   }
 }
 
+/* Retry action paired with the chip — sits to the LEFT of the pill,
+   styled as a matching pill-button, so the retry stays visually tied to
+   the sync-status it refers to. */
+.gyramais-sync-chip-wrap {
+  display: inline-flex;
+  width: -moz-fit-content;
+  width: fit-content;
+  align-items: center;
+  gap: 8px;
+}
+.gyramais-sync-chip-retry {
+  display: inline-flex;
+  height: 28px;
+  width: 28px;
+  flex-shrink: 0;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  border-width: 1px;
+  border-color: var(--color-border-secondary);
+  background-color: var(--color-surface-secondary);
+  padding: 0px;
+  color: var(--color-text-secondary);
+  transition: background 150ms ease, color 150ms ease,
+    border-color 150ms ease;
+}
+.gyramais-sync-chip-retry:hover {
+  border-color: rgba(255,59,48,0.18);
+  background-color: rgba(255,59,48,0.08);
+  color: var(--status-danger-text);
+}
+.gyramais-sync-chip-retry:disabled {
+  cursor: default;
+  border-color: rgba(255,59,48,0.18);
+  color: var(--status-danger-text);
+}
+.gyramais-sync-chip-retry .gyramais-sync-chip-retry-icon {
+  height: 16px;
+  width: 16px;
+  font-size: 16px;
+}
+.gyramais-sync-chip-retry
+  .gyramais-sync-chip-retry-icon.gyramais-sync-chip-retry-icon--spinning {
+  animation: gyramais-sync-chip-spin 0.9s linear infinite;
+}
+@keyframes gyramais-sync-chip-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 .gyramais-table-container {
   width: 100%;
   overflow-y: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyramais/gyra-design",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "description": "Gyramais Design System",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",