@sole-ui/react 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,678 +1,12 @@
-// Generated by packages/ui/scripts/build.ts. Do not edit.
-export const tokens = {
-  "color": {
-    "background": {
-      "$value": "#f5f5f5",
-      "$type": "color"
-    },
-    "foreground": {
-      "$value": "#18181b",
-      "$type": "color"
-    },
-    "card": {
-      "$value": "#ffffff",
-      "$type": "color"
-    },
-    "card-foreground": {
-      "$value": "#18181b",
-      "$type": "color"
-    },
-    "popover": {
-      "$value": "#ffffff",
-      "$type": "color"
-    },
-    "popover-foreground": {
-      "$value": "#18181b",
-      "$type": "color"
-    },
-    "primary": {
-      "$value": "#0270d6",
-      "$type": "color"
-    },
-    "primary-foreground": {
-      "$value": "#ffffff",
-      "$type": "color"
-    },
-    "primary-hover": {
-      "$value": "#0263bd",
-      "$type": "color"
-    },
-    "brand": {
-      "$value": "#0485f7",
-      "$type": "color"
-    },
-    "link": {
-      "$value": "#0263bd",
-      "$type": "color"
-    },
-    "secondary": {
-      "$value": "#f4f4f5",
-      "$type": "color"
-    },
-    "secondary-foreground": {
-      "$value": "#3f3f46",
-      "$type": "color"
-    },
-    "muted": {
-      "$value": "#f4f4f5",
-      "$type": "color"
-    },
-    "muted-foreground": {
-      "$value": "#52525b",
-      "$type": "color"
-    },
-    "subtle-foreground": {
-      "$value": "#71717a",
-      "$type": "color"
-    },
-    "faint": {
-      "$value": "#9ca3af",
-      "$type": "color"
-    },
-    "accent": {
-      "$value": "#e6f2fe",
-      "$type": "color"
-    },
-    "accent-foreground": {
-      "$value": "#0263bd",
-      "$type": "color"
-    },
-    "row-hover": {
-      "$value": "#f7f9fc",
-      "$type": "color"
-    },
-    "border": {
-      "$value": "#dedee0",
-      "$type": "color"
-    },
-    "hairline": {
-      "$value": "#f3f3f7",
-      "$type": "color"
-    },
-    "input": {
-      "$value": "#dedee0",
-      "$type": "color"
-    },
-    "field": {
-      "$value": "#f9fafb",
-      "$type": "color"
-    },
-    "ring": {
-      "$value": "#0485f7",
-      "$type": "color"
-    },
-    "destructive": {
-      "$value": "#dc2626",
-      "$type": "color"
-    },
-    "destructive-foreground": {
-      "$value": "#ffffff",
-      "$type": "color"
-    },
-    "danger-text": {
-      "$value": "#b42318",
-      "$type": "color"
-    },
-    "danger-soft": {
-      "$value": "#fef2f2",
-      "$type": "color"
-    },
-    "danger-border": {
-      "$value": "#fecaca",
-      "$type": "color"
-    },
-    "warning": {
-      "$value": "#f59e0b",
-      "$type": "color"
-    },
-    "warning-text": {
-      "$value": "#b45309",
-      "$type": "color"
-    },
-    "warning-soft": {
-      "$value": "#fffbeb",
-      "$type": "color"
-    },
-    "warning-border": {
-      "$value": "#fcd34d",
-      "$type": "color"
-    },
-    "success": {
-      "$value": "#10b981",
-      "$type": "color"
-    },
-    "success-text": {
-      "$value": "#047857",
-      "$type": "color"
-    },
-    "success-soft": {
-      "$value": "#ecfdf5",
-      "$type": "color"
-    },
-    "success-border": {
-      "$value": "#a7f3d0",
-      "$type": "color"
-    },
-    "neutral-soft": {
-      "$value": "#f3f4f6",
-      "$type": "color"
-    },
-    "neutral-text": {
-      "$value": "#374151",
-      "$type": "color"
-    },
-    "skeleton": {
-      "$value": "#eef0f3",
-      "$type": "color"
-    },
-    "sidebar": {
-      "$value": "#f5f5f5",
-      "$type": "color"
-    },
-    "sidebar-foreground": {
-      "$value": "#3f3f46",
-      "$type": "color"
-    },
-    "sidebar-accent": {
-      "$value": "#e6f2fe",
-      "$type": "color"
-    },
-    "sidebar-accent-foreground": {
-      "$value": "#0263bd",
-      "$type": "color"
-    },
-    "sidebar-hover": {
-      "$value": "#ebebef",
-      "$type": "color"
-    },
-    "sidebar-border": {
-      "$value": "#dedee0",
-      "$type": "color"
-    },
-    "sidebar-ring": {
-      "$value": "#0485f7",
-      "$type": "color"
-    },
-    "tooltip": {
-      "$value": "#18181b",
-      "$type": "color"
-    },
-    "tooltip-foreground": {
-      "$value": "#ffffff",
-      "$type": "color"
-    },
-    "overdue": {
-      "$value": "#dc2626",
-      "$type": "color"
-    },
-    "overdue-foreground": {
-      "$value": "#ffffff",
-      "$type": "color"
-    },
-    "mark": {
-      "$value": "#4d4dff",
-      "$type": "color"
-    },
-    "state-backlog": {
-      "$value": "#9ca3af",
-      "$type": "color",
-      "$description": "State icon colours by group (brand-and-ux 5.8)."
-    },
-    "state-unstarted": {
-      "$value": "#71717a",
-      "$type": "color"
-    },
-    "state-started": {
-      "$value": "#f59e0b",
-      "$type": "color"
-    },
-    "state-completed": {
-      "$value": "#10b981",
-      "$type": "color"
-    },
-    "state-cancelled": {
-      "$value": "#9ca3af",
-      "$type": "color"
-    },
-    "sticky-gray": {
-      "$value": "#d6d6d8",
-      "$type": "color",
-      "$description": "Sticky notes (brand-and-ux 5.2)."
-    },
-    "sticky-peach": {
-      "$value": "#ffd5d7",
-      "$type": "color"
-    },
-    "sticky-pink": {
-      "$value": "#fdd4e3",
-      "$type": "color"
-    },
-    "sticky-orange": {
-      "$value": "#ffe3cd",
-      "$type": "color"
-    },
-    "sticky-green": {
-      "$value": "#c3f0de",
-      "$type": "color"
-    },
-    "sticky-light-blue": {
-      "$value": "#c5eff9",
-      "$type": "color"
-    },
-    "sticky-dark-blue": {
-      "$value": "#c9dafb",
-      "$type": "color"
-    },
-    "sticky-purple": {
-      "$value": "#e3d8fd",
-      "$type": "color"
-    },
-    "sticky-foreground": {
-      "$value": "#18181b",
-      "$type": "color"
-    }
-  },
-  "hue": {
-    "slate": {
-      "bg": {
-        "$value": "#f8fafc",
-        "$type": "color",
-        "$description": "Label hues (brand-and-ux 5.3 rule 6). Users pick a hue name, never a hex. The approved design draws each tag from one ramp: the 50 step fill, 200 border, 800 text and 600 dot, so every text pair clears 7:1 on its own fill."
-      },
-      "border": {
-        "$value": "#e2e8f0",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#1e293b",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#475569",
-        "$type": "color"
-      }
-    },
-    "indigo": {
-      "bg": {
-        "$value": "#eef2ff",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#c7d2fe",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#3730a3",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#4f46e5",
-        "$type": "color"
-      }
-    },
-    "violet": {
-      "bg": {
-        "$value": "#f5f3ff",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#ddd6fe",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#5b21b6",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#7c3aed",
-        "$type": "color"
-      }
-    },
-    "blue": {
-      "bg": {
-        "$value": "#eff6ff",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#bfdbfe",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#1e40af",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#2563eb",
-        "$type": "color"
-      }
-    },
-    "cyan": {
-      "bg": {
-        "$value": "#ecfeff",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#a5f3fc",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#155e75",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#0891b2",
-        "$type": "color"
-      }
-    },
-    "teal": {
-      "bg": {
-        "$value": "#f0fdfa",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#99f6e4",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#115e59",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#0d9488",
-        "$type": "color"
-      }
-    },
-    "green": {
-      "bg": {
-        "$value": "#f0fdf4",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#bbf7d0",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#166534",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#16a34a",
-        "$type": "color"
-      }
-    },
-    "lime": {
-      "bg": {
-        "$value": "#f7fee7",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#d9f99d",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#3f6212",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#65a30d",
-        "$type": "color"
-      }
-    },
-    "amber": {
-      "bg": {
-        "$value": "#fffbeb",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#fde68a",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#92400e",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#d97706",
-        "$type": "color"
-      }
-    },
-    "orange": {
-      "bg": {
-        "$value": "#fff7ed",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#fed7aa",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#9a3412",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#ea580c",
-        "$type": "color"
-      }
-    },
-    "rose": {
-      "bg": {
-        "$value": "#fff1f2",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#fecdd3",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#9f1239",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#e11d48",
-        "$type": "color"
-      }
-    },
-    "pink": {
-      "bg": {
-        "$value": "#fdf2f8",
-        "$type": "color"
-      },
-      "border": {
-        "$value": "#fbcfe8",
-        "$type": "color"
-      },
-      "fg": {
-        "$value": "#9d174d",
-        "$type": "color"
-      },
-      "dot": {
-        "$value": "#db2777",
-        "$type": "color"
-      }
-    }
-  },
-  "radius": {
-    "base": {
-      "$value": "8px",
-      "$type": "dimension",
-      "$description": "Radius (5.6): chips and sidebar items 6, buttons and inputs 8, panels 12, dialogs 16."
-    }
-  },
-  "shadow": {
-    "elevation-sm": {
-      "$value": "0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05)",
-      "$type": "shadow",
-      "$description": "Shadows (5.6)."
-    },
-    "elevation-lg": {
-      "$value": "0 12px 34px -10px rgba(16, 24, 40, 0.22)",
-      "$type": "shadow"
-    },
-    "focus-ring": {
-      "$value": "0 0 0 3px rgba(4, 133, 247, 0.14)",
-      "$type": "shadow"
-    }
-  },
-  "ease": {
-    "rise": {
-      "$value": "cubic-bezier(0.22, 1, 0.36, 1)",
-      "$type": "cubicBezier"
-    }
-  },
-  "font": {
-    "sans": {
-      "$value": "\"Inter Variable\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
-      "$type": "fontFamily"
-    },
-    "mono": {
-      "$value": "ui-monospace, SFMono-Regular, Menlo, monospace",
-      "$type": "fontFamily"
-    }
-  },
-  "text": {
-    "label": {
-      "size": {
-        "$value": "12px",
-        "$type": "dimension",
-        "$description": "Type scale (brand-and-ux 5.4). text-micro, the only uppercase style, is a utility at the end of the scale, because a theme token cannot carry text-transform."
-      },
-      "line-height": {
-        "$value": "16px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "500",
-        "$type": "number"
-      }
-    },
-    "body": {
-      "size": {
-        "$value": "13px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "20px",
-        "$type": "dimension"
-      }
-    },
-    "strong": {
-      "size": {
-        "$value": "14px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "20px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "600",
-        "$type": "number"
-      },
-      "letter-spacing": {
-        "$value": "-0.01em",
-        "$type": "dimension"
-      }
-    },
-    "read": {
-      "size": {
-        "$value": "16px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "26px",
-        "$type": "dimension"
-      }
-    },
-    "title": {
-      "size": {
-        "$value": "18px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "24px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "600",
-        "$type": "number"
-      },
-      "letter-spacing": {
-        "$value": "-0.015em",
-        "$type": "dimension"
-      }
-    },
-    "page": {
-      "size": {
-        "$value": "20px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "28px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "600",
-        "$type": "number"
-      },
-      "letter-spacing": {
-        "$value": "-0.02em",
-        "$type": "dimension"
-      }
-    },
-    "doc": {
-      "size": {
-        "$value": "28px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "34px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "700",
-        "$type": "number"
-      },
-      "letter-spacing": {
-        "$value": "-0.02em",
-        "$type": "dimension"
-      }
-    },
-    "metric": {
-      "size": {
-        "$value": "28px",
-        "$type": "dimension"
-      },
-      "line-height": {
-        "$value": "31px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "700",
-        "$type": "number"
-      },
-      "letter-spacing": {
-        "$value": "-0.02em",
-        "$type": "dimension"
-      }
-    },
-    "micro": {
-      "size": {
-        "$value": "11px",
-        "$type": "dimension",
-        "$description": "The only uppercase style. It is a utility rather than a theme token, because a theme token cannot carry text-transform."
-      },
-      "line-height": {
-        "$value": "16px",
-        "$type": "dimension"
-      },
-      "weight": {
-        "$value": "600",
-        "$type": "number"
-      },
-      "letter-spacing": {
-        "$value": "0.06em",
-        "$type": "dimension"
-      }
-    }
-  }
-};
+export * from './lib/cn.js';
+export * from './lib/person.js';
+export * from './lib/colour.js';
+export * from './lib/hue.js';
+export * from './lib/platform.js';
+export * from './lib/dates.js';
+export * from './lib/sole-provider.js';
+export * from './components/ui/index.js';
+export * from './components/sole/index.js';
+export * from './components/shell/index.js';
+export { toast } from 'sonner';
+export { tokens } from './tokens.generated.js';

package/dist/lib/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/cn.js

@@ -0,0 +1,15 @@
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+// The type scale (brand-and-ux 5.4) adds text-micro, text-label and friends. Without
+// telling tailwind-merge they are font sizes it files them as colours, and
+// cn('text-label', 'text-muted-foreground') silently drops the size.
+const twMerge = extendTailwindMerge({
+    extend: {
+        classGroups: {
+            'font-size': [{ text: ['micro', 'label', 'body', 'strong', 'read', 'title', 'page', 'doc', 'metric'] }],
+        },
+    },
+});
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}