@sole-ui/react 0.0.0-stage → 0.2.0

package/dist/tokens.json

@@ -0,0 +1,677 @@
+{
+  "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"
+      }
+    }
+  }
+}