@synapsly/tokens 0.1.0

package/dist/resolved.json

@@ -0,0 +1,662 @@
+{
+  "primitive": {
+    "color": {
+      "white": "#ffffff",
+      "black": "#000000",
+      "transparent": "transparent",
+      "neutral": {
+        "25": "#fcfbfb",
+        "50": "#f8f7f6",
+        "100": "#efedea",
+        "200": "#dedad5",
+        "300": "#ccc5be",
+        "400": "#beb6ad",
+        "500": "#b4aba3",
+        "600": "#9d9389",
+        "700": "#7e756e",
+        "800": "#645d57",
+        "900": "#514c47",
+        "950": "#2a2624",
+        "975": "#161413"
+      },
+      "brand": {
+        "25": "#fdfbf8",
+        "50": "#fbf7f1",
+        "100": "#f5ecdf",
+        "200": "#ead8bf",
+        "300": "#dec29d",
+        "400": "#d5b186",
+        "500": "#cca67b",
+        "600": "#b88c5d",
+        "700": "#966f49",
+        "800": "#76583b",
+        "900": "#604832",
+        "950": "#332419",
+        "975": "#1c130d"
+      },
+      "blue": {
+        "50": "#eff6ff",
+        "100": "#dbeafe",
+        "200": "#bfdbfe",
+        "300": "#93c5fd",
+        "400": "#60a5fa",
+        "500": "#3b82f6",
+        "600": "#2563eb",
+        "700": "#1d4ed8",
+        "800": "#1e40af",
+        "900": "#1e3a8a",
+        "950": "#172554"
+      },
+      "green": {
+        "50": "#f0fdf4",
+        "100": "#dcfce7",
+        "200": "#bbf7d0",
+        "300": "#86efac",
+        "400": "#4ade80",
+        "500": "#22c55e",
+        "600": "#16a34a",
+        "700": "#15803d",
+        "800": "#166534",
+        "900": "#14532d",
+        "950": "#052e16"
+      },
+      "yellow": {
+        "50": "#fefce8",
+        "100": "#fef9c3",
+        "200": "#fef08a",
+        "300": "#fde047",
+        "400": "#facc15",
+        "500": "#eab308",
+        "600": "#ca8a04",
+        "700": "#a16207",
+        "800": "#854d0e",
+        "900": "#713f12",
+        "950": "#422006"
+      },
+      "orange": {
+        "50": "#fff7ed",
+        "100": "#ffedd5",
+        "200": "#fed7aa",
+        "300": "#fdba74",
+        "400": "#fb923c",
+        "500": "#f97316",
+        "600": "#ea580c",
+        "700": "#c2410c",
+        "800": "#9a3412",
+        "900": "#7c2d12",
+        "950": "#431407"
+      },
+      "red": {
+        "50": "#fef2f2",
+        "100": "#fee2e2",
+        "200": "#fecaca",
+        "300": "#fca5a5",
+        "400": "#f87171",
+        "500": "#ef4444",
+        "600": "#dc2626",
+        "700": "#b91c1c",
+        "800": "#991b1b",
+        "900": "#7f1d1d",
+        "950": "#450a0a"
+      },
+      "purple": {
+        "50": "#faf5ff",
+        "100": "#f3e8ff",
+        "200": "#e9d5ff",
+        "300": "#d8b4fe",
+        "400": "#c084fc",
+        "500": "#a855f7",
+        "600": "#9333ea",
+        "700": "#7e22ce",
+        "800": "#6b21a8",
+        "900": "#581c87",
+        "950": "#3b0764"
+      },
+      "cyan": {
+        "50": "#ecfeff",
+        "100": "#cffafe",
+        "200": "#a5f3fc",
+        "300": "#67e8f9",
+        "400": "#22d3ee",
+        "500": "#06b6d4",
+        "600": "#0891b2",
+        "700": "#0e7490",
+        "800": "#155e75",
+        "900": "#164e63",
+        "950": "#083344"
+      },
+      "pink": {
+        "50": "#fdf2f8",
+        "100": "#fce7f3",
+        "200": "#fbcfe8",
+        "300": "#f9a8d4",
+        "400": "#f472b6",
+        "500": "#ec4899",
+        "600": "#db2777",
+        "700": "#be185d",
+        "800": "#9d174d",
+        "900": "#831843",
+        "950": "#500724"
+      }
+    },
+    "fontFamily": {
+      "sans": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "serif": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+      "mono": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace"
+    },
+    "fontSize": {
+      "75": "0.75rem",
+      "87": "0.875rem",
+      "100": "1rem",
+      "112": "1.125rem",
+      "125": "1.25rem",
+      "150": "1.5rem",
+      "187": "1.875rem",
+      "225": "2.25rem",
+      "300": "3rem"
+    },
+    "fontWeight": {
+      "400": "400",
+      "500": "500",
+      "600": "600",
+      "700": "700"
+    },
+    "lineHeight": {
+      "100": "1",
+      "120": "1.2",
+      "150": "1.5",
+      "175": "1.75"
+    },
+    "letterSpacing": {
+      "0": "0",
+      "1": "0.01em",
+      "2": "0.02em",
+      "4": "0.04em",
+      "-2": "-0.02em",
+      "-1": "-0.01em"
+    },
+    "space": {
+      "0": "0",
+      "1": "0.25rem",
+      "2": "0.5rem",
+      "3": "0.75rem",
+      "4": "1rem",
+      "5": "1.25rem",
+      "6": "1.5rem",
+      "8": "2rem",
+      "10": "2.5rem",
+      "12": "3rem",
+      "16": "4rem",
+      "20": "5rem",
+      "24": "6rem",
+      "32": "8rem",
+      "64": "16rem"
+    },
+    "radius": {
+      "0": "0",
+      "2": "0.125rem",
+      "4": "0.25rem",
+      "8": "0.5rem",
+      "12": "0.75rem",
+      "9999": "9999px"
+    },
+    "shadow": {
+      "0": "none",
+      "1": "0 1px 2px rgb(17 24 39 / 8%)",
+      "2": "0 2px 8px rgb(17 24 39 / 10%)",
+      "3": "0 8px 24px rgb(17 24 39 / 12%)",
+      "4": "0 16px 40px rgb(17 24 39 / 16%)",
+      "5": "0 24px 64px rgb(17 24 39 / 20%)",
+      "inner": "inset 0 1px 2px rgb(17 24 39 / 8%)",
+      "focus": "0 0 0 3px rgb(184 140 93 / 28%)"
+    },
+    "zIndex": {
+      "0": "0",
+      "10": "10",
+      "100": "100",
+      "1000": "1000",
+      "1100": "1100",
+      "1200": "1200"
+    },
+    "duration": {
+      "0": "0ms",
+      "120": "120ms",
+      "200": "200ms",
+      "320": "320ms"
+    },
+    "easing": {
+      "standard": "cubic-bezier(0.2, 0, 0, 1)",
+      "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+      "entrance": "cubic-bezier(0, 0, 0.2, 1)",
+      "exit": "cubic-bezier(0.4, 0, 1, 1)"
+    },
+    "breakpoint": {
+      "360": "360px",
+      "640": "640px",
+      "768": "768px",
+      "1024": "1024px",
+      "1280": "1280px"
+    },
+    "opacity": {
+      "0": "0",
+      "40": "0.4",
+      "60": "0.6",
+      "64": "0.64",
+      "100": "1"
+    },
+    "borderWidth": {
+      "0": "0",
+      "1": "1px",
+      "2": "2px",
+      "4": "4px"
+    },
+    "borderStyle": {
+      "solid": "solid",
+      "dashed": "dashed"
+    },
+    "iconSize": {
+      "12": "0.75rem",
+      "16": "1rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "32": "2rem"
+    }
+  },
+  "semantic": {
+    "color": {
+      "bg": {
+        "canvas": "#ffffff",
+        "surface": "#f8f7f6",
+        "elevated": "#ffffff",
+        "inverse": "#2a2624",
+        "disabled": "#efedea",
+        "overlay": "rgb(3 7 18 / 60%)"
+      },
+      "fg": {
+        "primary": "#2a2624",
+        "secondary": "#9d9389",
+        "tertiary": "#b4aba3",
+        "inverse": "#ffffff",
+        "disabled": "#beb6ad",
+        "brand": "#966f49",
+        "success": "#15803d",
+        "warning": "#a16207",
+        "danger": "#b91c1c",
+        "info": "#0e7490"
+      },
+      "border": {
+        "subtle": "#efedea",
+        "default": "#dedad5",
+        "strong": "#beb6ad",
+        "focus": "#b88c5d",
+        "disabled": "#dedad5",
+        "success": "#86efac",
+        "warning": "#fde047",
+        "danger": "#fca5a5"
+      },
+      "action": {
+        "primary": {
+          "bg": "#cca67b",
+          "bgHover": "#b88c5d",
+          "bgActive": "#966f49",
+          "border": "#cca67b",
+          "icon": "#ffffff",
+          "fg": "#ffffff"
+        },
+        "secondary": {
+          "bg": "#fbf7f1",
+          "bgHover": "#f5ecdf",
+          "bgActive": "#ead8bf",
+          "border": "#ead8bf",
+          "icon": "#76583b",
+          "fg": "#76583b"
+        },
+        "danger": {
+          "bg": "#dc2626",
+          "bgHover": "#b91c1c",
+          "bgActive": "#991b1b",
+          "border": "#dc2626",
+          "icon": "#ffffff",
+          "fg": "#ffffff"
+        },
+        "disabled": {
+          "bg": "#dedad5",
+          "border": "#dedad5",
+          "icon": "#beb6ad",
+          "fg": "#beb6ad"
+        }
+      },
+      "state": {
+        "hover": {
+          "bg": "#efedea"
+        },
+        "pressed": {
+          "bg": "#dedad5"
+        },
+        "selected": {
+          "bg": "#fbf7f1",
+          "border": "#cca67b",
+          "fg": "#76583b"
+        },
+        "focus": {
+          "ring": "#b88c5d"
+        },
+        "loading": {
+          "bg": "#efedea",
+          "fg": "#b4aba3"
+        },
+        "visited": {
+          "fg": "#7e22ce"
+        },
+        "readonly": {
+          "bg": "#f8f7f6",
+          "border": "#dedad5",
+          "fg": "#7e756e"
+        }
+      },
+      "form": {
+        "bg": "#ffffff",
+        "bgHover": "#f8f7f6",
+        "border": "#ccc5be",
+        "borderHover": "#beb6ad",
+        "borderFocus": "#b88c5d",
+        "borderInvalid": "#dc2626",
+        "fg": "#2a2624",
+        "placeholder": "#b4aba3",
+        "caret": "#966f49",
+        "disabled": {
+          "bg": "#efedea",
+          "border": "#dedad5",
+          "fg": "#beb6ad"
+        },
+        "readonly": {
+          "bg": "#f8f7f6",
+          "border": "#dedad5",
+          "fg": "#7e756e"
+        }
+      },
+      "feedback": {
+        "success": {
+          "bg": "#f0fdf4",
+          "fg": "#15803d"
+        },
+        "warning": {
+          "bg": "#fefce8",
+          "fg": "#a16207"
+        },
+        "danger": {
+          "bg": "#fef2f2",
+          "fg": "#b91c1c"
+        },
+        "info": {
+          "bg": "#ecfeff",
+          "fg": "#0e7490"
+        }
+      }
+    },
+    "typography": {
+      "fontFamily": {
+        "body": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "heading": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "code": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace"
+      },
+      "fontSize": {
+        "xs": "0.75rem",
+        "sm": "0.875rem",
+        "md": "1rem",
+        "lg": "1.125rem",
+        "xl": "1.25rem",
+        "2xl": "1.5rem",
+        "3xl": "1.875rem",
+        "4xl": "2.25rem"
+      },
+      "fontWeight": {
+        "regular": "400",
+        "medium": "500",
+        "semibold": "600",
+        "bold": "700"
+      },
+      "lineHeight": {
+        "tight": "1.2",
+        "normal": "1.5",
+        "relaxed": "1.75"
+      },
+      "letterSpacing": {
+        "tighter": "-0.02em",
+        "tight": "-0.01em",
+        "normal": "0",
+        "wide": "0.01em",
+        "wider": "0.02em",
+        "widest": "0.04em"
+      },
+      "text": {
+        "display": {
+          "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontSize": "2.25rem",
+          "fontWeight": "700",
+          "lineHeight": "1.2",
+          "letterSpacing": "-0.01em"
+        },
+        "heading": {
+          "lg": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "1.875rem",
+            "fontWeight": "700",
+            "lineHeight": "1.2",
+            "letterSpacing": "-0.01em"
+          },
+          "md": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "1.5rem",
+            "fontWeight": "600",
+            "lineHeight": "1.2",
+            "letterSpacing": "0"
+          },
+          "sm": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "1.25rem",
+            "fontWeight": "600",
+            "lineHeight": "1.2",
+            "letterSpacing": "0"
+          }
+        },
+        "body": {
+          "lg": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "1.125rem",
+            "fontWeight": "400",
+            "lineHeight": "1.5",
+            "letterSpacing": "0"
+          },
+          "md": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "1rem",
+            "fontWeight": "400",
+            "lineHeight": "1.5",
+            "letterSpacing": "0"
+          },
+          "sm": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "0.875rem",
+            "fontWeight": "400",
+            "lineHeight": "1.5",
+            "letterSpacing": "0"
+          }
+        },
+        "label": {
+          "md": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "0.875rem",
+            "fontWeight": "500",
+            "lineHeight": "1.2",
+            "letterSpacing": "0"
+          },
+          "sm": {
+            "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+            "fontSize": "0.75rem",
+            "fontWeight": "500",
+            "lineHeight": "1.2",
+            "letterSpacing": "0.01em"
+          }
+        },
+        "caption": {
+          "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontSize": "0.75rem",
+          "fontWeight": "400",
+          "lineHeight": "1.5",
+          "letterSpacing": "0"
+        },
+        "code": {
+          "fontFamily": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace",
+          "fontSize": "0.875rem",
+          "fontWeight": "400",
+          "lineHeight": "1.5",
+          "letterSpacing": "0"
+        }
+      }
+    },
+    "spacing": {
+      "none": "0",
+      "2xs": "0.25rem",
+      "xs": "0.5rem",
+      "sm": "0.75rem",
+      "md": "1rem",
+      "lg": "1.5rem",
+      "xl": "2rem",
+      "2xl": "3rem",
+      "3xl": "4rem",
+      "4xl": "8rem"
+    },
+    "radius": {
+      "none": "0",
+      "xs": "0.125rem",
+      "sm": "0.25rem",
+      "md": "0.5rem",
+      "lg": "0.75rem",
+      "full": "9999px"
+    },
+    "shadow": {
+      "none": "none",
+      "sm": "0 1px 2px rgb(17 24 39 / 8%)",
+      "md": "0 8px 24px rgb(17 24 39 / 12%)",
+      "lg": "0 16px 40px rgb(17 24 39 / 16%)",
+      "focus": "0 0 0 3px rgb(184 140 93 / 28%)"
+    },
+    "zIndex": {
+      "base": "0",
+      "raised": "10",
+      "sticky": "100",
+      "overlay": "1000",
+      "modal": "1100",
+      "toast": "1200"
+    },
+    "motion": {
+      "duration": {
+        "instant": "0ms",
+        "fast": "120ms",
+        "normal": "200ms",
+        "slow": "320ms"
+      },
+      "easing": {
+        "standard": "cubic-bezier(0.2, 0, 0, 1)",
+        "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+        "entrance": "cubic-bezier(0, 0, 0.2, 1)",
+        "exit": "cubic-bezier(0.4, 0, 1, 1)"
+      }
+    },
+    "breakpoint": {
+      "xs": "360px",
+      "sm": "640px",
+      "md": "768px",
+      "lg": "1024px",
+      "xl": "1280px"
+    },
+    "opacity": {
+      "disabled": "0.4",
+      "muted": "0.64",
+      "overlay": "0.6"
+    },
+    "border": {
+      "width": {
+        "none": "0",
+        "thin": "1px",
+        "medium": "2px",
+        "thick": "4px"
+      },
+      "style": {
+        "solid": "solid",
+        "dashed": "dashed"
+      }
+    },
+    "iconSize": {
+      "xs": "0.75rem",
+      "sm": "1rem",
+      "md": "1.25rem",
+      "lg": "1.5rem",
+      "xl": "2rem"
+    },
+    "size": {
+      "control": {
+        "sm": "2rem",
+        "md": "2.5rem",
+        "lg": "3rem"
+      },
+      "iconButton": {
+        "sm": "2rem",
+        "md": "2.5rem",
+        "lg": "3rem"
+      }
+    },
+    "padding": {
+      "control": {
+        "x": {
+          "sm": "0.75rem",
+          "md": "1rem",
+          "lg": "1.25rem"
+        },
+        "y": {
+          "sm": "0.25rem",
+          "md": "0.5rem",
+          "lg": "0.75rem"
+        }
+      },
+      "page": {
+        "xMobile": "1rem",
+        "xDesktop": "2rem"
+      }
+    },
+    "gap": {
+      "inline": {
+        "sm": "0.25rem",
+        "md": "0.5rem",
+        "lg": "0.75rem"
+      },
+      "stack": {
+        "sm": "0.5rem",
+        "md": "1rem",
+        "lg": "1.5rem"
+      },
+      "section": {
+        "sm": "2rem",
+        "md": "3rem",
+        "lg": "4rem"
+      }
+    },
+    "layout": {
+      "container": {
+        "sm": "640px",
+        "md": "768px",
+        "lg": "1024px",
+        "xl": "1280px"
+      },
+      "gutter": {
+        "mobile": "1rem",
+        "desktop": "2rem"
+      },
+      "sidebar": {
+        "width": "16rem",
+        "collapsedWidth": "4rem"
+      }
+    }
+  }
+}