open-ds 0.0.0-stage → 0.1.0

package/assets/tokens/content-first/dark.tokens.json

@@ -0,0 +1,582 @@
+{
+  "color": {
+    "stone": {
+      "light": {
+        "0": "#FFFFFF",
+        "50": "#FFFDF8",
+        "100": "#F6F2EA",
+        "200": "#E4DDD0",
+        "300": "#CFC6B6",
+        "400": "#A39A8B",
+        "500": "#7A7062",
+        "600": "#61594D",
+        "700": "#4A4339",
+        "800": "#2E2A24",
+        "900": "#1F1B16",
+        "950": "#14110D"
+      },
+      "dark": {
+        "0": "#14110D",
+        "50": "#1F1B16",
+        "100": "#2E2A24",
+        "200": "#4A4339",
+        "300": "#7A7062",
+        "400": "#A39A8B",
+        "500": "#CFC6B6",
+        "600": "#D9D1C3",
+        "700": "#E4DDD0",
+        "800": "#F6F2EA",
+        "900": "#FFFDF8",
+        "950": "#FFFFFF"
+      }
+    },
+    "navy": {
+      "light": {
+        "100": "#E3EAF3",
+        "300": "#8FA6C4",
+        "500": "#2E5283",
+        "600": "#1E3A5F",
+        "700": "#162C49",
+        "800": "#0F2036"
+      },
+      "dark": {
+        "100": "#0F2036",
+        "300": "#162C49",
+        "500": "#1E3A5F",
+        "600": "#2E5283",
+        "700": "#8FA6C4",
+        "800": "#E3EAF3"
+      }
+    },
+    "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": "#14110D",
+      "default": "#1F1B16",
+      "raised": "#2E2A24",
+      "sunken": "#2E2A24",
+      "selected": "#0F2036",
+      "inverse": "#FFFDF8",
+      "scrim": "#000000B3"
+    },
+    "text": {
+      "primary": "#FFFDF8",
+      "secondary": "#CFC6B6",
+      "muted": "#A39A8B",
+      "inverse": "#1F1B16",
+      "on-action": "#14110D",
+      "link": "#8FA6C4"
+    },
+    "border": {
+      "default": "#2E2A24",
+      "strong": "#7A7062",
+      "focus": "#8FA6C4"
+    },
+    "action": {
+      "primary": {
+        "@": "#8FA6C4",
+        "hover": "#E3EAF3"
+      },
+      "secondary": {
+        "@": "#1F1B16",
+        "hover": "#2E2A24"
+      }
+    },
+    "status": {
+      "info": {
+        "@": "#8AB4F8",
+        "subtle": "#062C6E"
+      },
+      "success": {
+        "@": "#5CC283",
+        "subtle": "#123322"
+      },
+      "warning": {
+        "@": "#F2B84B",
+        "subtle": "#3A2A05"
+      },
+      "danger": {
+        "@": "#F28B8B",
+        "subtle": "#3D1414"
+      }
+    },
+    "category": {
+      "1": {
+        "@": "#8FA6C4",
+        "subtle": "#0F2036"
+      },
+      "2": {
+        "@": "#8AB4F8",
+        "subtle": "#062C6E"
+      },
+      "3": {
+        "@": "#5CC283",
+        "subtle": "#123322"
+      },
+      "4": {
+        "@": "#F2B84B",
+        "subtle": "#3A2A05"
+      },
+      "5": {
+        "@": "#E4DDD0",
+        "subtle": "#2E2A24"
+      }
+    },
+    "disabled": {
+      "text": "#CFC6B6",
+      "surface": "#2E2A24",
+      "border": "#4A4339"
+    }
+  },
+  "space": {
+    "8": "0.5rem",
+    "16": "1rem",
+    "20": "1.25rem",
+    "24": "1.5rem",
+    "32": "2rem",
+    "64": "4rem",
+    "gap": {
+      "tight": "0.5rem",
+      "default": "1rem",
+      "group": "2rem",
+      "section": "4rem"
+    },
+    "inset": {
+      "control-x": "1.25rem",
+      "container": "1.5rem",
+      "cell-x": "1rem"
+    }
+  },
+  "size": {
+    "16": "1rem",
+    "20": "1.25rem",
+    "24": "1.5rem",
+    "40": "2.5rem",
+    "48": "3rem",
+    "control": {
+      "default": "3rem",
+      "compact": "2.5rem"
+    },
+    "row": "3rem",
+    "icon": "1rem"
+  },
+  "radius": {
+    "0": "0rem",
+    "8": "0.5rem",
+    "12": "0.75rem",
+    "999": "9999px",
+    "full": "9999px",
+    "control": "0.5rem",
+    "badge": "9999px",
+    "container": "0.75rem",
+    "round": "9999px"
+  },
+  "border-width": {
+    "1": "1px",
+    "2": "2px",
+    "default": "1px",
+    "focus": "2px"
+  },
+  "font": {
+    "size": {
+      "14": "0.875rem",
+      "16": "1rem",
+      "18": "1.125rem",
+      "28": "1.75rem",
+      "36": "2.25rem",
+      "44": "2.75rem"
+    },
+    "weight": {
+      "400": 400,
+      "600": 600
+    },
+    "line-height": {
+      "1_15": 1.15,
+      "1_3": 1.3,
+      "1_45": 1.45,
+      "1_65": 1.65
+    },
+    "family": {
+      "source-serif-4": "\"Source Serif 4\", Georgia, serif",
+      "inter": "Inter, system-ui, sans-serif",
+      "ibm-plex-mono": "\"IBM Plex Mono\", ui-monospace, monospace"
+    }
+  },
+  "duration": {
+    "fast": "120ms",
+    "moderate": "200ms",
+    "relaxed": "320ms"
+  },
+  "easing": {
+    "standard": "cubic-bezier(0.2, 0, 0, 1)"
+  },
+  "opacity": {
+    "40": 0.4,
+    "disabled": 0.4
+  },
+  "shadow": {
+    "none": "0px 0px 0px 0px #00000000",
+    "overlay": "0px 12px 32px 0px #1F1B1629",
+    "overlay-dark": "0px 12px 32px 0px #00000080"
+  },
+  "content-first": {
+    "theme": {
+      "base": {
+        "radius": {
+          "control": "0.5rem",
+          "badge": "9999px",
+          "container": "0.75rem"
+        },
+        "type": {
+          "display": {
+            "font-family": "\"Source Serif 4\", Georgia, serif"
+          },
+          "title": {
+            "font-family": "\"Source Serif 4\", Georgia, serif"
+          },
+          "heading": {
+            "font-family": "\"Source Serif 4\", Georgia, serif"
+          },
+          "body": {
+            "font-family": "\"Source Serif 4\", Georgia, serif"
+          },
+          "label": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "caption": {
+            "font-family": "Inter, system-ui, sans-serif"
+          },
+          "data": {
+            "font-family": "\"Source Serif 4\", Georgia, serif"
+          }
+        }
+      },
+      "dark": {
+        "color": {
+          "surface": {
+            "canvas": "#14110D",
+            "default": "#1F1B16",
+            "raised": "#2E2A24",
+            "sunken": "#2E2A24",
+            "selected": "#0F2036",
+            "inverse": "#FFFDF8",
+            "scrim": "#000000B3"
+          },
+          "text": {
+            "primary": "#FFFDF8",
+            "secondary": "#CFC6B6",
+            "muted": "#A39A8B",
+            "inverse": "#1F1B16",
+            "on-action": "#14110D",
+            "link": "#8FA6C4"
+          },
+          "border": {
+            "default": "#2E2A24",
+            "strong": "#7A7062",
+            "focus": "#8FA6C4"
+          },
+          "action": {
+            "primary": {
+              "@": "#8FA6C4",
+              "hover": "#E3EAF3"
+            },
+            "secondary": {
+              "@": "#1F1B16",
+              "hover": "#2E2A24"
+            }
+          },
+          "status": {
+            "info": {
+              "@": "#8AB4F8",
+              "subtle": "#062C6E"
+            },
+            "success": {
+              "@": "#5CC283",
+              "subtle": "#123322"
+            },
+            "warning": {
+              "@": "#F2B84B",
+              "subtle": "#3A2A05"
+            },
+            "danger": {
+              "@": "#F28B8B",
+              "subtle": "#3D1414"
+            }
+          },
+          "category": {
+            "1": {
+              "@": "#8FA6C4",
+              "subtle": "#0F2036"
+            },
+            "2": {
+              "@": "#8AB4F8",
+              "subtle": "#062C6E"
+            },
+            "3": {
+              "@": "#5CC283",
+              "subtle": "#123322"
+            },
+            "4": {
+              "@": "#F2B84B",
+              "subtle": "#3A2A05"
+            },
+            "5": {
+              "@": "#E4DDD0",
+              "subtle": "#2E2A24"
+            }
+          },
+          "disabled": {
+            "text": "#CFC6B6",
+            "surface": "#2E2A24",
+            "border": "#4A4339"
+          }
+        },
+        "elevation": {
+          "card": "0px 0px 0px 0px #00000000",
+          "overlay": "0px 12px 32px 0px #00000080"
+        }
+      }
+    }
+  },
+  "type": {
+    "display": {
+      "font-family": "\"Source Serif 4\", Georgia, serif",
+      "font-size": "2.75rem",
+      "line-height": 1.15,
+      "font-weight": 600
+    },
+    "title": {
+      "font-family": "\"Source Serif 4\", Georgia, serif",
+      "font-size": "2.25rem",
+      "line-height": 1.15,
+      "font-weight": 600
+    },
+    "heading": {
+      "font-family": "\"Source Serif 4\", Georgia, serif",
+      "font-size": "1.75rem",
+      "line-height": 1.3,
+      "font-weight": 600
+    },
+    "body": {
+      "font-family": "\"Source Serif 4\", Georgia, serif",
+      "font-size": "1.125rem",
+      "line-height": 1.65,
+      "font-weight": 400
+    },
+    "label": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "1rem",
+      "line-height": 1.3,
+      "font-weight": 600
+    },
+    "caption": {
+      "font-family": "Inter, system-ui, sans-serif",
+      "font-size": "0.875rem",
+      "line-height": 1.45,
+      "font-weight": 400
+    },
+    "data": {
+      "font-family": "\"Source Serif 4\", Georgia, serif",
+      "font-size": "1.125rem",
+      "line-height": 1.65,
+      "font-weight": 400
+    }
+  },
+  "motion": {
+    "duration": {
+      "feedback": "200ms"
+    },
+    "easing": {
+      "standard": "cubic-bezier(0.2, 0, 0, 1)"
+    }
+  },
+  "elevation": {
+    "card": "0px 0px 0px 0px #00000000",
+    "overlay": "0px 12px 32px 0px #00000080"
+  },
+  "button": {
+    "primary": {
+      "background": {
+        "@": "#8FA6C4",
+        "hover": "#E3EAF3"
+      },
+      "label": "#14110D"
+    },
+    "secondary": {
+      "background": {
+        "@": "#1F1B16",
+        "hover": "#2E2A24"
+      },
+      "label": "#FFFDF8",
+      "border": "#7A7062"
+    },
+    "ghost": {
+      "background-hover": "#2E2A24",
+      "label": "#8FA6C4"
+    },
+    "height": "3rem",
+    "padding-x": "1.25rem",
+    "radius": "0.5rem",
+    "font-size": "1rem",
+    "font-weight": 600,
+    "focus-ring": "#8FA6C4",
+    "icon-size": "1rem",
+    "disabled": {
+      "background": "#2E2A24",
+      "label": "#CFC6B6",
+      "border": "#4A4339"
+    }
+  },
+  "input": {
+    "background": "#1F1B16",
+    "border": {
+      "@": "#7A7062",
+      "focus": "#8FA6C4"
+    },
+    "text": "#FFFDF8",
+    "placeholder": "#A39A8B",
+    "height": "3rem",
+    "padding-x": "1.25rem",
+    "radius": "0.5rem",
+    "font-size": "1.125rem",
+    "disabled": {
+      "background": "#2E2A24",
+      "border": "#4A4339",
+      "text": "#CFC6B6"
+    }
+  },
+  "control": {
+    "checked": "#8FA6C4",
+    "track": "#7A7062",
+    "thumb": "#1F1B16",
+    "radius": "9999px"
+  },
+  "badge": {
+    "radius": "9999px",
+    "padding-x": "0.5rem",
+    "font-size": "0.875rem",
+    "neutral": {
+      "background": "#2E2A24",
+      "label": "#CFC6B6"
+    },
+    "success": {
+      "background": "#123322",
+      "label": "#5CC283"
+    },
+    "warning": {
+      "background": "#3A2A05",
+      "label": "#F2B84B"
+    },
+    "danger": {
+      "background": "#3D1414",
+      "label": "#F28B8B"
+    },
+    "info": {
+      "background": "#062C6E",
+      "label": "#8AB4F8"
+    }
+  },
+  "card": {
+    "background": "#1F1B16",
+    "border": "#2E2A24",
+    "radius": "0.75rem",
+    "padding": "1.5rem",
+    "shadow": "0px 0px 0px 0px #00000000"
+  },
+  "table": {
+    "header-background": "#2E2A24",
+    "row-height": "3rem",
+    "cell-padding-x": "1rem",
+    "row-border": "#2E2A24",
+    "row-selected": "#0F2036",
+    "font-size": "1.125rem"
+  },
+  "tabs": {
+    "indicator": "#8FA6C4",
+    "label": {
+      "@": "#CFC6B6",
+      "active": "#FFFDF8"
+    }
+  },
+  "overlay": {
+    "background": "#2E2A24",
+    "radius": "0.75rem",
+    "shadow": "0px 12px 32px 0px #00000080",
+    "scrim": "#000000B3",
+    "item-height": "3rem"
+  },
+  "tooltip": {
+    "background": "#FFFDF8",
+    "label": "#1F1B16"
+  },
+  "transition": {
+    "duration": "200ms",
+    "easing": "cubic-bezier(0.2, 0, 0, 1)"
+  }
+}