@adobe/spectrum-design-data 0.0.1 → 0.2.0

package/registry/typography-families.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-family",
+  "description": "Type family identifiers for typography tokens. Assigned via the `family` name-object field. Represents the script or display context of the typeface, not a specific font name.",
+  "values": [
+    {
+      "id": "sans-serif",
+      "label": "Sans-Serif",
+      "description": "Sans-serif typeface family (e.g. Adobe Clean)"
+    },
+    {
+      "id": "serif",
+      "label": "Serif",
+      "description": "Serif typeface family (e.g. Adobe Clean Serif)"
+    },
+    {
+      "id": "cjk",
+      "label": "CJK",
+      "description": "CJK (Chinese, Japanese, Korean) script typeface family"
+    },
+    {
+      "id": "code",
+      "label": "Code",
+      "description": "Monospace typeface family for code and technical content"
+    }
+  ]
+}

package/registry/typography-styles.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-style",
+  "description": "Typographic style values for typography tokens. Assigned via the `style` name-object field. Corresponds to the CSS font-style axis. All recognized styles are listed; normal represents the default upright style.",
+  "values": [
+    {
+      "id": "normal",
+      "label": "Normal",
+      "description": "Default upright font style (font-style: normal)"
+    },
+    {
+      "id": "italic",
+      "label": "Italic",
+      "description": "Italic font style (font-style: italic)"
+    },
+    {
+      "id": "oblique",
+      "label": "Oblique",
+      "description": "Oblique font style (font-style: oblique)"
+    }
+  ]
+}

package/registry/typography-weights.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-weight",
+  "description": "Typographic weight values for typography tokens. Assigned via the `weight` name-object field. Corresponds to the CSS font-weight axis. Note: 'black' is a typographic weight value (font-weight 900) and is distinct from the 'black' color-family entry in color-families.json (cross-registry ID overlap is intentional per SPEC-033).",
+  "values": [
+    {
+      "id": "light",
+      "label": "Light",
+      "description": "Light weight (font-weight 300)"
+    },
+    {
+      "id": "regular",
+      "label": "Regular",
+      "description": "Regular weight (font-weight 400)"
+    },
+    {
+      "id": "medium",
+      "label": "Medium",
+      "description": "Medium weight (font-weight 500)"
+    },
+    {
+      "id": "bold",
+      "label": "Bold",
+      "description": "Bold weight (font-weight 700)"
+    },
+    {
+      "id": "extra-bold",
+      "label": "Extra Bold",
+      "description": "Extra bold weight (font-weight 800)"
+    },
+    {
+      "id": "black",
+      "label": "Black",
+      "description": "Black weight (font-weight 900)"
+    }
+  ]
+}

package/registry/variants.json

@@ -0,0 +1,282 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "variant",
+  "description": "Color and style variants used across components",
+  "values": [
+    {
+      "id": "accent",
+      "label": "Accent",
+      "description": "Primary accent color variant",
+      "category": "emphasis",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "negative",
+      "label": "Negative",
+      "description": "Destructive or negative action variant",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "primary",
+      "label": "Primary",
+      "description": "Primary emphasis variant",
+      "category": "emphasis",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "secondary",
+      "label": "Secondary",
+      "description": "Secondary emphasis variant",
+      "category": "emphasis",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "positive",
+      "label": "Positive",
+      "description": "Affirmative or positive action variant",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "notice",
+      "label": "Notice",
+      "description": "Notice or attention variant",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "informative",
+      "label": "Informative",
+      "description": "Informational variant",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "neutral",
+      "label": "Neutral",
+      "description": "Neutral variant",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "gray",
+      "label": "Gray",
+      "description": "Gray color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "red",
+      "label": "Red",
+      "description": "Red color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "orange",
+      "label": "Orange",
+      "description": "Orange color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "yellow",
+      "label": "Yellow",
+      "description": "Yellow color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "chartreuse",
+      "label": "Chartreuse",
+      "description": "Chartreuse color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "celery",
+      "label": "Celery",
+      "description": "Celery color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "green",
+      "label": "Green",
+      "description": "Green color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "seafoam",
+      "label": "Seafoam",
+      "description": "Seafoam color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "cyan",
+      "label": "Cyan",
+      "description": "Cyan color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "blue",
+      "label": "Blue",
+      "description": "Blue color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "indigo",
+      "label": "Indigo",
+      "description": "Indigo color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "purple",
+      "label": "Purple",
+      "description": "Purple color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "fuchsia",
+      "label": "Fuchsia",
+      "description": "Fuchsia color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "magenta",
+      "label": "Magenta",
+      "description": "Magenta color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "pink",
+      "label": "Pink",
+      "description": "Pink color variant",
+      "category": "color",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "over-background",
+      "label": "Over Background",
+      "aliases": ["over background"],
+      "description": "Designed to be used over backgrounds",
+      "category": "context",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "brown",
+      "label": "Brown",
+      "description": "Brown color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "cinnamon",
+      "label": "Cinnamon",
+      "description": "Cinnamon color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "silver",
+      "label": "Silver",
+      "description": "Silver color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "subtle",
+      "label": "Subtle",
+      "description": "Reduced emphasis variant for less prominent surfaces",
+      "category": "emphasis",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "subdued",
+      "label": "Subdued",
+      "description": "Lower emphasis variant for quieter backgrounds",
+      "category": "emphasis",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "static",
+      "label": "Static",
+      "description": "Context variant indicating the token does not change with theme",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "inverse",
+      "label": "Inverse",
+      "description": "Inverted color context variant",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "black",
+      "label": "Black",
+      "description": "Black color modifier, typically used with static context",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "white",
+      "label": "White",
+      "description": "White color modifier, typically used with static context",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "turquoise",
+      "label": "Turquoise",
+      "description": "Turquoise color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "confirmation",
+      "label": "Confirmation",
+      "description": "Confirmation dialog variant requiring user acknowledgement",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "destructive",
+      "label": "Destructive",
+      "description": "Destructive action dialog variant (stronger than negative)",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "warning",
+      "label": "Warning",
+      "description": "Warning dialog variant for cautionary alerts",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "error",
+      "label": "Error",
+      "description": "Error state variant for failed operations",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "information",
+      "label": "Information",
+      "aliases": ["info"],
+      "description": "Informational dialog variant (alias for informative in alert contexts)",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    }
+  ]
+}