open-ds 0.0.0-stage → 0.1.0

package/assets/tokens/multi-brand/aster-dark.tokens.json

@@ -0,0 +1,625 @@
+{
+  "color": {
+    "slate": {
+      "light": {
+        "0": "#FFFFFF",
+        "50": "#F8FAFC",
+        "100": "#F1F5F9",
+        "200": "#E2E8F0",
+        "300": "#CBD5E1",
+        "400": "#96A3B5",
+        "500": "#64748B",
+        "600": "#4B5A6F",
+        "700": "#334155",
+        "800": "#1E293B",
+        "900": "#0F172A",
+        "950": "#020617"
+      },
+      "dark": {
+        "0": "#020617",
+        "50": "#0F172A",
+        "100": "#1E293B",
+        "200": "#334155",
+        "300": "#64748B",
+        "400": "#96A3B5",
+        "500": "#CBD5E1",
+        "600": "#D6DEE8",
+        "700": "#E2E8F0",
+        "800": "#F1F5F9",
+        "900": "#F8FAFC",
+        "950": "#FFFFFF"
+      }
+    },
+    "teal": {
+      "light": {
+        "100": "#E0F2F1",
+        "300": "#7FCFC6",
+        "500": "#14918A",
+        "600": "#0F766E",
+        "700": "#0B5B55",
+        "800": "#08423E"
+      },
+      "dark": {
+        "100": "#08423E",
+        "300": "#0B5B55",
+        "500": "#0F766E",
+        "600": "#14918A",
+        "700": "#7FCFC6",
+        "800": "#E0F2F1"
+      }
+    },
+    "purple": {
+      "light": {
+        "100": "#EDE7FE",
+        "300": "#B79DF7",
+        "500": "#7C4DEB",
+        "600": "#6D28D9",
+        "700": "#5520AA",
+        "800": "#3E177D"
+      },
+      "dark": {
+        "100": "#3E177D",
+        "300": "#5520AA",
+        "500": "#6D28D9",
+        "600": "#7C4DEB",
+        "700": "#B79DF7",
+        "800": "#EDE7FE"
+      }
+    },
+    "orange": {
+      "light": {
+        "100": "#FFEDE5",
+        "300": "#F7A67F",
+        "500": "#E2571D",
+        "600": "#C2410C",
+        "700": "#9A330A",
+        "800": "#732607"
+      },
+      "dark": {
+        "100": "#732607",
+        "300": "#9A330A",
+        "500": "#C2410C",
+        "600": "#E2571D",
+        "700": "#F7A67F",
+        "800": "#FFEDE5"
+      }
+    },
+    "green": {
+      "light": {
+        "100": "#E3F4EA",
+        "300": "#5CC283",
+        "700": "#1F7A3A",
+        "900": "#123322"
+      },
+      "dark": {
+        "100": "#123322",
+        "300": "#1F7A3A",
+        "700": "#5CC283",
+        "900": "#E3F4EA"
+      }
+    },
+    "amber": {
+      "light": {
+        "100": "#FFF3D6",
+        "300": "#F2B84B",
+        "700": "#8A5600",
+        "900": "#3A2A05"
+      },
+      "dark": {
+        "100": "#3A2A05",
+        "300": "#8A5600",
+        "700": "#F2B84B",
+        "900": "#FFF3D6"
+      }
+    },
+    "red": {
+      "light": {
+        "100": "#FDE7E7",
+        "300": "#F28B8B",
+        "700": "#C42B2B",
+        "900": "#3D1414"
+      },
+      "dark": {
+        "100": "#3D1414",
+        "300": "#C42B2B",
+        "700": "#F28B8B",
+        "900": "#FDE7E7"
+      }
+    },
+    "black": {
+      "light": {
+        "scrim": "#0000008C"
+      },
+      "dark": {
+        "scrim": "#000000B3"
+      }
+    },
+    "blue": {
+      "light": {
+        "100": "#E1ECFF",
+        "300": "#8AB4F8",
+        "500": "#1A5DD0",
+        "600": "#0B4FC0",
+        "700": "#083C93",
+        "800": "#062C6E"
+      },
+      "dark": {
+        "100": "#062C6E",
+        "300": "#083C93",
+        "500": "#0B4FC0",
+        "600": "#1A5DD0",
+        "700": "#8AB4F8",
+        "800": "#E1ECFF"
+      }
+    },
+    "surface": {
+      "canvas": "#020617",
+      "default": "#0F172A",
+      "raised": "#1E293B",
+      "sunken": "#1E293B",
+      "selected": "#08423E",
+      "inverse": "#F8FAFC",
+      "scrim": "#000000B3"
+    },
+    "text": {
+      "primary": "#F8FAFC",
+      "secondary": "#CBD5E1",
+      "muted": "#96A3B5",
+      "inverse": "#0F172A",
+      "on-action": "#020617",
+      "link": "#7FCFC6"
+    },
+    "border": {
+      "default": "#1E293B",
+      "strong": "#64748B",
+      "focus": "#7FCFC6"
+    },
+    "action": {
+      "primary": {
+        "@": "#7FCFC6",
+        "hover": "#E0F2F1"
+      },
+      "secondary": {
+        "@": "#0F172A",
+        "hover": "#1E293B"
+      }
+    },
+    "status": {
+      "info": {
+        "@": "#8AB4F8",
+        "subtle": "#062C6E"
+      },
+      "success": {
+        "@": "#5CC283",
+        "subtle": "#123322"
+      },
+      "warning": {
+        "@": "#F2B84B",
+        "subtle": "#3A2A05"
+      },
+      "danger": {
+        "@": "#F28B8B",
+        "subtle": "#3D1414"
+      }
+    },
+    "category": {
+      "1": {
+        "@": "#7FCFC6",
+        "subtle": "#08423E"
+      },
+      "2": {
+        "@": "#B79DF7",
+        "subtle": "#3E177D"
+      },
+      "3": {
+        "@": "#F7A67F",
+        "subtle": "#732607"
+      },
+      "4": {
+        "@": "#8AB4F8",
+        "subtle": "#062C6E"
+      },
+      "5": {
+        "@": "#5CC283",
+        "subtle": "#123322"
+      }
+    },
+    "disabled": {
+      "text": "#CBD5E1",
+      "surface": "#1E293B",
+      "border": "#334155"
+    }
+  },
+  "space": {
+    "8": "0.5rem",
+    "12": "0.75rem",
+    "16": "1rem",
+    "24": "1.5rem",
+    "48": "3rem",
+    "gap": {
+      "tight": "0.5rem",
+      "default": "0.75rem",
+      "group": "1.5rem",
+      "section": "3rem"
+    },
+    "inset": {
+      "control-x": "1rem",
+      "container": "1.5rem",
+      "cell-x": "1rem"
+    }
+  },
+  "size": {
+    "16": "1rem",
+    "20": "1.25rem",
+    "24": "1.5rem",
+    "36": "2.25rem",
+    "44": "2.75rem",
+    "48": "3rem",
+    "control": {
+      "default": "2.75rem",
+      "compact": "2.25rem"
+    },
+    "row": "3rem",
+    "icon": "1rem"
+  },
+  "radius": {
+    "0": "0rem",
+    "4": "0.25rem",
+    "8": "0.5rem",
+    "12": "0.75rem",
+    "16": "1rem",
+    "20": "1.25rem",
+    "999": "9999px",
+    "full": "9999px",
+    "control": "0.25rem",
+    "badge": "0.25rem",
+    "container": "0.5rem",
+    "round": "9999px"
+  },
+  "border-width": {
+    "1": "1px",
+    "2": "2px",
+    "default": "1px",
+    "focus": "2px"
+  },
+  "font": {
+    "size": {
+      "13": "0.8125rem",
+      "14": "0.875rem",
+      "16": "1rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "32": "2rem"
+    },
+    "weight": {
+      "400": 400,
+      "600": 600,
+      "700": 700
+    },
+    "line-height": {
+      "1_2": 1.2,
+      "1_25": 1.25,
+      "1_3": 1.3,
+      "1_4": 1.4,
+      "1_5": 1.5
+    },
+    "family": {
+      "inter": "Inter, system-ui, sans-serif",
+      "ibm-plex-mono": "\"IBM Plex Mono\", ui-monospace, monospace",
+      "plus-jakarta-sans": "\"Plus Jakarta Sans\", system-ui, sans-serif",
+      "poppins": "Poppins, system-ui, sans-serif"
+    }
+  },
+  "duration": {
+    "fast": "120ms",
+    "moderate": "200ms",
+    "relaxed": "320ms"
+  },
+  "easing": {
+    "standard": "cubic-bezier(0.2, 0, 0, 1)"
+  },
+  "opacity": {
+    "40": 0.4,
+    "disabled": 0.4
+  },
+  "shadow": {
+    "card": "0px 2px 8px 0px #0F172A14",
+    "overlay": "0px 12px 32px 0px #0F172A29",
+    "card-dark": "0px 2px 8px 0px #00000066",
+    "overlay-dark": "0px 12px 32px 0px #00000080"
+  },
+  "aster": {
+    "theme": {
+      "base": {
+        "radius": {
+          "control": "0.25rem",
+          "badge": "0.25rem",
+          "container": "0.5rem"
+        },
+        "type": {
+          "display": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "title": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "heading": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "body": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "label": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "caption": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "data": {
+            "font-family": "Inter, system-ui, sans-serif"
+          }
+        }
+      },
+      "dark": {
+        "color": {
+          "surface": {
+            "canvas": "#020617",
+            "default": "#0F172A",
+            "raised": "#1E293B",
+            "sunken": "#1E293B",
+            "selected": "#08423E",
+            "inverse": "#F8FAFC",
+            "scrim": "#000000B3"
+          },
+          "text": {
+            "primary": "#F8FAFC",
+            "secondary": "#CBD5E1",
+            "muted": "#96A3B5",
+            "inverse": "#0F172A",
+            "on-action": "#020617",
+            "link": "#7FCFC6"
+          },
+          "border": {
+            "default": "#1E293B",
+            "strong": "#64748B",
+            "focus": "#7FCFC6"
+          },
+          "action": {
+            "primary": {
+              "@": "#7FCFC6",
+              "hover": "#E0F2F1"
+            },
+            "secondary": {
+              "@": "#0F172A",
+              "hover": "#1E293B"
+            }
+          },
+          "status": {
+            "info": {
+              "@": "#8AB4F8",
+              "subtle": "#062C6E"
+            },
+            "success": {
+              "@": "#5CC283",
+              "subtle": "#123322"
+            },
+            "warning": {
+              "@": "#F2B84B",
+              "subtle": "#3A2A05"
+            },
+            "danger": {
+              "@": "#F28B8B",
+              "subtle": "#3D1414"
+            }
+          },
+          "category": {
+            "1": {
+              "@": "#7FCFC6",
+              "subtle": "#08423E"
+            },
+            "2": {
+              "@": "#B79DF7",
+              "subtle": "#3E177D"
+            },
+            "3": {
+              "@": "#F7A67F",
+              "subtle": "#732607"
+            },
+            "4": {
+              "@": "#8AB4F8",
+              "subtle": "#062C6E"
+            },
+            "5": {
+              "@": "#5CC283",
+              "subtle": "#123322"
+            }
+          },
+          "disabled": {
+            "text": "#CBD5E1",
+            "surface": "#1E293B",
+            "border": "#334155"
+          }
+        },
+        "elevation": {
+          "card": "0px 2px 8px 0px #00000066",
+          "overlay": "0px 12px 32px 0px #00000080"
+        }
+      }
+    }
+  },
+  "type": {
+    "display": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "2rem",
+      "line-height": 1.2,
+      "font-weight": 700
+    },
+    "title": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "1.5rem",
+      "line-height": 1.25,
+      "font-weight": 600
+    },
+    "heading": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "1.25rem",
+      "line-height": 1.3,
+      "font-weight": 600
+    },
+    "body": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "1rem",
+      "line-height": 1.5,
+      "font-weight": 400
+    },
+    "label": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "0.875rem",
+      "line-height": 1.4,
+      "font-weight": 600
+    },
+    "caption": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "0.8125rem",
+      "line-height": 1.4,
+      "font-weight": 400
+    },
+    "data": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "1rem",
+      "line-height": 1.5,
+      "font-weight": 400
+    }
+  },
+  "motion": {
+    "duration": {
+      "feedback": "200ms"
+    },
+    "easing": {
+      "standard": "cubic-bezier(0.2, 0, 0, 1)"
+    }
+  },
+  "elevation": {
+    "card": "0px 2px 8px 0px #00000066",
+    "overlay": "0px 12px 32px 0px #00000080"
+  },
+  "button": {
+    "primary": {
+      "background": {
+        "@": "#7FCFC6",
+        "hover": "#E0F2F1"
+      },
+      "label": "#020617"
+    },
+    "secondary": {
+      "background": {
+        "@": "#0F172A",
+        "hover": "#1E293B"
+      },
+      "label": "#F8FAFC",
+      "border": "#64748B"
+    },
+    "ghost": {
+      "background-hover": "#1E293B",
+      "label": "#7FCFC6"
+    },
+    "height": "2.75rem",
+    "padding-x": "1rem",
+    "radius": "0.25rem",
+    "font-size": "0.875rem",
+    "font-weight": 600,
+    "focus-ring": "#7FCFC6",
+    "icon-size": "1rem",
+    "disabled": {
+      "background": "#1E293B",
+      "label": "#CBD5E1",
+      "border": "#334155"
+    }
+  },
+  "input": {
+    "background": "#0F172A",
+    "border": {
+      "@": "#64748B",
+      "focus": "#7FCFC6"
+    },
+    "text": "#F8FAFC",
+    "placeholder": "#96A3B5",
+    "height": "2.75rem",
+    "padding-x": "1rem",
+    "radius": "0.25rem",
+    "font-size": "1rem",
+    "disabled": {
+      "background": "#1E293B",
+      "border": "#334155",
+      "text": "#CBD5E1"
+    }
+  },
+  "control": {
+    "checked": "#7FCFC6",
+    "track": "#64748B",
+    "thumb": "#0F172A",
+    "radius": "0.25rem"
+  },
+  "badge": {
+    "radius": "0.25rem",
+    "padding-x": "0.5rem",
+    "font-size": "0.8125rem",
+    "neutral": {
+      "background": "#1E293B",
+      "label": "#CBD5E1"
+    },
+    "success": {
+      "background": "#123322",
+      "label": "#5CC283"
+    },
+    "warning": {
+      "background": "#3A2A05",
+      "label": "#F2B84B"
+    },
+    "danger": {
+      "background": "#3D1414",
+      "label": "#F28B8B"
+    },
+    "info": {
+      "background": "#062C6E",
+      "label": "#8AB4F8"
+    }
+  },
+  "card": {
+    "background": "#0F172A",
+    "border": "#1E293B",
+    "radius": "0.5rem",
+    "padding": "1.5rem",
+    "shadow": "0px 2px 8px 0px #00000066"
+  },
+  "table": {
+    "header-background": "#1E293B",
+    "row-height": "3rem",
+    "cell-padding-x": "1rem",
+    "row-border": "#1E293B",
+    "row-selected": "#08423E",
+    "font-size": "1rem"
+  },
+  "tabs": {
+    "indicator": "#7FCFC6",
+    "label": {
+      "@": "#CBD5E1",
+      "active": "#F8FAFC"
+    }
+  },
+  "overlay": {
+    "background": "#1E293B",
+    "radius": "0.5rem",
+    "shadow": "0px 12px 32px 0px #00000080",
+    "scrim": "#000000B3",
+    "item-height": "2.75rem"
+  },
+  "tooltip": {
+    "background": "#F8FAFC",
+    "label": "#0F172A"
+  },
+  "transition": {
+    "duration": "200ms",
+    "easing": "cubic-bezier(0.2, 0, 0, 1)"
+  }
+}