@sole-ui/react 0.0.0-stage → 0.2.0

package/dist/tokens.generated.js

@@ -0,0 +1,679 @@
+// Generated by packages/ui/scripts/build.ts. Do not edit.
+/** Sole's design tokens, the same tree as tokens.json. */
+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"
+            }
+        }
+    }
+};