@cahyo-dimas/freeday 1.7.0

package/tokens/tokens.json

@@ -0,0 +1,123 @@
+{
+  "azure": {
+    "50": { "$value": "#eff4ff" }, "100": { "$value": "#dbe6fe" },
+    "200": { "$value": "#bdd2fd" }, "300": { "$value": "#90b3fb" },
+    "400": { "$value": "#5c8bf6" }, "500": { "$value": "#3467ec" },
+    "600": { "$value": "#2050d8" }, "700": { "$value": "#1c40b0" },
+    "800": { "$value": "#1c398c" }, "900": { "$value": "#1c336e" },
+    "950": { "$value": "#131e42" }
+  },
+  "slate": {
+    "0": { "$value": "#ffffff" }, "50": { "$value": "#f7f8fa" },
+    "100": { "$value": "#eef0f4" }, "200": { "$value": "#e0e3ea" },
+    "300": { "$value": "#cbd0da" }, "400": { "$value": "#99a1b3" },
+    "500": { "$value": "#6b7488" }, "600": { "$value": "#4d5568" },
+    "700": { "$value": "#3a4152" }, "800": { "$value": "#262b38" },
+    "900": { "$value": "#171b26" }, "950": { "$value": "#0e111a" }
+  },
+  "sky": {
+    "50": { "$value": "#eff6fd" }, "100": { "$value": "#d6e9fb" },
+    "200": { "$value": "#b0d4f6" }, "300": { "$value": "#7bbdef" },
+    "400": { "$value": "#47a1e6" }, "500": { "$value": "#1a86dc" },
+    "600": { "$value": "#0078d4" }, "700": { "$value": "#0061ac" },
+    "800": { "$value": "#004d88" }, "900": { "$value": "#003a67" }
+  },
+  "red":   { "100": { "$value": "#fee2e2" }, "300": { "$value": "#fca5a5" }, "400": { "$value": "#f87171" }, "500": { "$value": "#ef4444" }, "600": { "$value": "#dc2626" }, "700": { "$value": "#b91c1c" } },
+  "amber": { "100": { "$value": "#fef3c7" }, "400": { "$value": "#fbbf24" }, "500": { "$value": "#f59e0b" }, "600": { "$value": "#d97706" }, "700": { "$value": "#b45309" }, "800": { "$value": "#92400e" } },
+  "green": { "100": { "$value": "#dcfce7" }, "400": { "$value": "#4ade80" }, "500": { "$value": "#22c55e" }, "600": { "$value": "#16a34a" }, "700": { "$value": "#15803d" }, "800": { "$value": "#166534" } },
+  "blue":  { "100": { "$value": "#dbeafe" }, "300": { "$value": "#93c5fd" }, "400": { "$value": "#60a5fa" }, "500": { "$value": "#3b82f6" }, "600": { "$value": "#2563eb" }, "700": { "$value": "#1d4ed8" } },
+
+  "font": {
+    "display": { "$value": "'Sora', ui-sans-serif, system-ui, sans-serif" },
+    "body":    { "$value": "'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, sans-serif" },
+    "mono":    { "$value": "'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace" }
+  },
+  "text": {
+    "xs": { "$value": "0.75rem" }, "sm": { "$value": "0.875rem" }, "base": { "$value": "1rem" },
+    "lg": { "$value": "1.125rem" }, "xl": { "$value": "1.25rem" }, "2xl": { "$value": "1.5625rem" },
+    "3xl": { "$value": "1.9375rem" }, "4xl": { "$value": "2.4375rem" }, "5xl": { "$value": "3.0625rem" }
+  },
+  "leading": { "tight": { "$value": "1.2" }, "snug": { "$value": "1.35" }, "normal": { "$value": "1.55" }, "loose": { "$value": "1.75" } },
+  "tracking": { "tighter": { "$value": "-0.03em" }, "tight": { "$value": "-0.02em" }, "normal": { "$value": "0" }, "wide": { "$value": "0.06em" } },
+  "weight": { "regular": { "$value": "400" }, "medium": { "$value": "500" }, "semibold": { "$value": "600" }, "bold": { "$value": "700" } },
+
+  "space": {
+    "0": { "$value": "0" }, "1": { "$value": "0.25rem" }, "2": { "$value": "0.5rem" }, "3": { "$value": "0.75rem" },
+    "4": { "$value": "1rem" }, "5": { "$value": "1.25rem" }, "6": { "$value": "1.5rem" }, "8": { "$value": "2rem" },
+    "10": { "$value": "2.5rem" }, "12": { "$value": "3rem" }, "16": { "$value": "4rem" }, "20": { "$value": "5rem" }, "24": { "$value": "6rem" }
+  },
+  "radius": { "xs": { "$value": "3px" }, "sm": { "$value": "4px" }, "md": { "$value": "6px" }, "lg": { "$value": "10px" }, "xl": { "$value": "14px" }, "full": { "$value": "999px" } },
+  "shadow": {
+    "1": { "$value": "0 1px 2px rgba(16,14,30,.06)", "$dark": "0 1px 2px rgba(0,0,0,.4)" },
+    "2": { "$value": "0 2px 6px rgba(16,14,30,.07),0 1px 2px rgba(16,14,30,.05)", "$dark": "0 2px 6px rgba(0,0,0,.45)" },
+    "3": { "$value": "0 4px 16px -2px rgba(16,14,30,.14),0 1px 3px rgba(16,14,30,.10)", "$dark": "0 6px 20px -2px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)" },
+    "4": { "$value": "0 24px 48px -12px rgba(16,14,30,.26),0 2px 8px rgba(16,14,30,.10)", "$dark": "0 28px 56px -12px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.5)" },
+    "lift":       { "$value": "0 1px 2px rgba(16,14,30,.05),0 16px 34px -14px rgba(16,14,30,.24)", "$dark": "0 1px 2px rgba(0,0,0,.5),0 18px 38px -14px rgba(0,0,0,.72)" },
+    "lift-hover": { "$value": "0 2px 4px rgba(16,14,30,.06),0 30px 50px -16px rgba(16,14,30,.33)", "$dark": "0 3px 6px rgba(0,0,0,.55),0 32px 56px -16px rgba(0,0,0,.82)" }
+  },
+  "dur": { "fast": { "$value": "120ms" }, "base": { "$value": "180ms" }, "slow": { "$value": "280ms" } },
+  "ease": { "standard": { "$value": "cubic-bezier(.2,0,0,1)" }, "spring": { "$value": "cubic-bezier(.2,.8,.2,1)" } },
+  "control": { "h": { "$value": "2.5rem", "$compact": "2rem" }, "box": { "$value": "1.15rem" }, "switch-w": { "$value": "2.4rem" }, "switch-h": { "$value": "1.35rem" } },
+  "bw": { "$value": "1px" },
+
+  "color": {
+    "primary":        { "$value": "{azure.600}", "$dark": "{azure.500}" },
+    "primary-hover":  { "$value": "{azure.700}", "$dark": "{azure.400}" },
+    "primary-active": { "$value": "{azure.800}", "$dark": "{azure.300}" },
+    "on-primary":     { "$value": "{slate.0}",    "$dark": "{slate.0}" },
+    "primary-soft":   { "$value": "{azure.50}",  "$dark": "rgba(32,80,216,.20)" },
+    "primary-border": { "$value": "{azure.100}", "$dark": "rgba(92,139,246,.28)" },
+
+    "accent":       { "$value": "{sky.600}", "$dark": "{sky.400}" },
+    "accent-hover": { "$value": "{sky.700}", "$dark": "{sky.300}" },
+    "on-accent":    { "$value": "{slate.0}",  "$dark": "#06233f" },
+    "on-danger":    { "$value": "{slate.0}",  "$dark": "{slate.0}" },
+    "danger-btn":   { "$value": "{red.600}",  "$dark": "{red.600}" },
+
+    "surface":   { "$value": "{slate.0}",   "$dark": "{slate.950}" },
+    "surface-2": { "$value": "{slate.50}",  "$dark": "{slate.900}" },
+    "surface-3": { "$value": "{slate.100}", "$dark": "{slate.800}" },
+
+    "text":        { "$value": "{slate.900}", "$dark": "{slate.100}" },
+    "text-muted":  { "$value": "{slate.600}", "$dark": "{slate.400}" },
+    "text-subtle": { "$value": "{slate.500}", "$dark": "{slate.500}" },
+    "on-brand":    { "$value": "{slate.0}",   "$dark": "{slate.0}" },
+
+    "border":        { "$value": "{slate.200}", "$dark": "{slate.800}" },
+    "border-strong": { "$value": "{slate.300}", "$dark": "{slate.700}" },
+    "border-muted":  { "$value": "{slate.100}", "$dark": "#1c2130" },
+    "control-border": { "$value": "{slate.500}", "$dark": "{slate.500}" },
+    "switch-thumb": { "$value": "{slate.0}" },
+    "shadow-inset": { "$value": "rgba(16,14,30,.06)" },
+
+    "inverse-surface": { "$value": "{slate.900}", "$dark": "{slate.100}" },
+    "inverse-text":    { "$value": "{slate.0}",   "$dark": "{slate.900}" },
+
+    "success": { "$value": "{green.600}", "$dark": "{green.500}" }, "success-soft": { "$value": "{green.100}", "$dark": "rgba(34,197,94,.18)" },
+    "warning": { "$value": "#c2740a",     "$dark": "{amber.500}" }, "warning-soft": { "$value": "{amber.100}", "$dark": "rgba(234,179,8,.18)" },
+    "danger":  { "$value": "{red.600}",   "$dark": "{red.400}" },  "danger-soft":  { "$value": "{red.100}",   "$dark": "rgba(248,113,113,.18)" },
+    "info":    { "$value": "{blue.600}",  "$dark": "{blue.400}" }, "info-soft":    { "$value": "{blue.100}",  "$dark": "rgba(96,165,250,.18)" },
+
+    "primary-strong": { "$value": "{azure.700}", "$dark": "{azure.300}" },
+    "success-strong": { "$value": "{green.800}", "$dark": "{green.400}" },
+    "warning-strong": { "$value": "{amber.800}", "$dark": "{amber.400}" },
+    "danger-strong":  { "$value": "{red.700}",   "$dark": "{red.300}" },
+    "info-strong":    { "$value": "{blue.700}",  "$dark": "{blue.300}" }
+  },
+
+  "chart": {
+    "1": { "$value": "#2a78d6", "$dark": "#3987e5" },
+    "2": { "$value": "#eb6834", "$dark": "#d95926" },
+    "3": { "$value": "#1baf7a", "$dark": "#199e70" },
+    "4": { "$value": "#eda100", "$dark": "#c98500" },
+    "5": { "$value": "#e87ba4", "$dark": "#d55181" },
+    "6": { "$value": "#008300", "$dark": "#008300" },
+    "7": { "$value": "#4a3aa7", "$dark": "#9085e9" },
+    "8": { "$value": "#e34948", "$dark": "#e66767" },
+    "grid": { "$value": "{slate.200}", "$dark": "{slate.800}" },
+    "tick": { "$value": "{slate.400}", "$dark": "{slate.600}" }
+  },
+
+  "focus-ring": { "$value": "{azure.600}", "$dark": "{azure.400}" },
+  "focus-ring-width": { "$value": "2px" }
+}