@adobe/spectrum-design-data 0.7.1 → 0.9.0

package/registry/property-terms.json

@@ -207,6 +207,96 @@
       "id": "line-height-multiplier",
       "label": "Line Height Multiplier",
       "description": "Unitless line-height ratio (multiplier), distinct from the absolute px line-height paired with a specific font-size tier"
+    },
+    {
+      "id": "margin-multiplier",
+      "label": "Margin Multiplier",
+      "description": "Unitless margin ratio (multiplier), applied to both top and bottom of a typography block"
+    },
+    {
+      "id": "margin-top-multiplier",
+      "label": "Margin Top Multiplier",
+      "description": "Unitless margin ratio (multiplier) applied above a typography block"
+    },
+    {
+      "id": "margin-bottom-multiplier",
+      "label": "Margin Bottom Multiplier",
+      "description": "Unitless margin ratio (multiplier) applied below a typography block"
+    },
+    {
+      "id": "text-transform",
+      "label": "Text Transform",
+      "description": "Case transformation applied to text content (e.g. uppercase, lowercase)"
+    },
+    {
+      "id": "minimum-width",
+      "label": "Minimum Width",
+      "description": "CSS min-width constraint (design-system abstraction)"
+    },
+    {
+      "id": "default-width",
+      "label": "Default Width",
+      "description": "Default width sizing for field components (design-system abstraction)"
+    },
+    {
+      "id": "minimum-height",
+      "label": "Minimum Height",
+      "description": "CSS min-height constraint (design-system abstraction)"
+    },
+    {
+      "id": "maximum-width",
+      "label": "Maximum Width",
+      "description": "CSS max-width constraint (design-system abstraction)"
+    },
+    {
+      "id": "thickness",
+      "label": "Thickness",
+      "description": "Stroke or line thickness (design-system abstraction; not a standard CSS property)"
+    },
+    {
+      "id": "space-between",
+      "label": "Space Between",
+      "description": "Spacing between two named endpoints (e.g. an edge and an anatomy part, or two anatomy parts). The endpoints are carried by the paired `from`/`to` name-object fields, not by this term; the legacy key is reconstructed as {from}-to-{to} and omits this property term."
+    },
+    {
+      "id": "x",
+      "label": "X",
+      "description": "Horizontal offset (e.g. drop-shadow x offset)"
+    },
+    {
+      "id": "y",
+      "label": "Y",
+      "description": "Vertical offset (e.g. drop-shadow y offset)"
+    },
+    {
+      "id": "minimum",
+      "label": "Minimum",
+      "description": "Lower-bound constraint modifier (design-system abstraction; distinct from the compound minimum-width/minimum-height terms)"
+    },
+    {
+      "id": "minimum-padding-vertical",
+      "label": "Minimum Vertical Padding",
+      "description": "Lower-bound constraint on internal vertical (top/bottom) spacing"
+    },
+    {
+      "id": "component-size-minimum-perspective",
+      "label": "Component Size Minimum Perspective",
+      "description": "Lower bound used to calculate the CSS perspective transform for a component's S2 pressed/'down'-state scale-down effect (not applicable to all components)"
+    },
+    {
+      "id": "component-size-maximum-perspective",
+      "label": "Component Size Maximum Perspective",
+      "description": "Upper bound used to calculate the CSS perspective transform for a component's S2 pressed/'down'-state scale-down effect (not applicable to all components)"
+    },
+    {
+      "id": "component-size-difference",
+      "label": "Component Size Difference",
+      "description": "Size delta used to calculate the CSS perspective transform for a component's S2 pressed/'down'-state scale-down effect (not applicable to all components)"
+    },
+    {
+      "id": "component-size-width-ratio",
+      "label": "Component Size Width Ratio",
+      "description": "Width ratio used to calculate the CSS perspective transform for a component's S2 pressed/'down'-state scale-down effect (not applicable to all components)"
     }
   ]
 }

package/registry/qualifiers.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "qualifier",
+  "description": "Behavioral or layout modifier that narrows a property/anatomy without being a state, variant, or position.",
+  "values": [
+    {
+      "id": "stacked",
+      "label": "Stacked",
+      "description": "Layout arranged in a stacked (vertical) configuration"
+    },
+    {
+      "id": "multiline",
+      "label": "Multiline",
+      "description": "Content spanning more than one line"
+    },
+    {
+      "id": "precision",
+      "label": "Precision",
+      "description": "Fine-grained/precision interaction mode"
+    },
+    {
+      "id": "collapsed",
+      "label": "Collapsed",
+      "description": "Contracted/minimized display configuration"
+    },
+    {
+      "id": "expanded",
+      "label": "Expanded",
+      "description": "Extended/enlarged display configuration"
+    },
+    {
+      "id": "drag",
+      "label": "Drag",
+      "description": "Drag interaction modifier"
+    },
+    {
+      "id": "highlight",
+      "label": "Highlight",
+      "description": "Emphasized highlight treatment"
+    },
+    {
+      "id": "has-stepper",
+      "label": "Has stepper",
+      "description": "Configuration where the in-field stepper buttons are shown; inverse of the hideStepper component option."
+    }
+  ]
+}

package/registry/roles.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "role",
+  "description": "Terms describing an object's role within a nesting relationship, distinct from its size. This is a starting vocabulary — new role terms should be added here as design system patterns are identified.",
+  "values": [
+    {
+      "id": "container",
+      "label": "Container",
+      "description": "The outer, container-level object in a nesting relationship (e.g. an action button or picker)"
+    },
+    {
+      "id": "control",
+      "label": "Control",
+      "description": "The inner, nested control object in a nesting relationship (e.g. a checkbox's control box), sized smaller than its container to create a visually balanced gap"
+    }
+  ]
+}

package/registry/scripts.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "script",
+  "description": "Writing-system identifiers for typography tokens. Assigned via the `script` name-object field. Represents the script/writing-system a typeface variant supports, orthogonal to `family` (which represents typeface classification, e.g. serif vs. sans-serif).",
+  "values": [
+    {
+      "id": "cjk",
+      "label": "CJK",
+      "description": "Ideographic scripts used for Chinese, Japanese, and Korean (e.g. Adobe Clean Han)"
+    }
+  ]
+}

package/registry/shapes.json

@@ -7,6 +7,21 @@
       "id": "uniform",
       "label": "Uniform",
       "description": "Equal proportions (e.g., 1:1 ratio between horizontal and vertical padding)"
+    },
+    {
+      "id": "rectangle",
+      "label": "Rectangle",
+      "description": "Rectangular (non-uniform) proportions"
+    },
+    {
+      "id": "full",
+      "label": "Full",
+      "description": "Fully rounded corners (e.g. a pill or circle) regardless of the object's dimensions"
+    },
+    {
+      "id": "none",
+      "label": "None",
+      "description": "No corner rounding (square corners)"
     }
   ]
 }

package/registry/sizes.json

@@ -66,6 +66,13 @@
       "aliases": ["3x-large"],
       "tokenName": "3x-large",
       "usedIn": ["tokens", "component-options", "component-schemas"]
+    },
+    {
+      "id": "xxxxl",
+      "label": "4X Large",
+      "aliases": ["4x-large"],
+      "tokenName": "4x-large",
+      "usedIn": ["tokens"]
     }
   ]
 }

package/registry/structures.json

@@ -52,6 +52,16 @@
       "id": "heading",
       "label": "Heading",
       "description": "Heading text typography scale — used for section and page headings"
+    },
+    {
+      "id": "drop-shadow",
+      "label": "Drop Shadow",
+      "description": "Elevated shadow effect applied to components and containers"
+    },
+    {
+      "id": "drop-target",
+      "label": "Drop Target",
+      "description": "Drag-and-drop destination structure"
     }
   ]
 }

package/registry/typography-emphasis.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-emphasis",
+  "description": "Typographic emphasis identifiers for typography tokens. Assigned via the `emphasis` name-object field. Distinct from the CSS font-weight axis (see `weight`): emphasis is a relative modifier layered on a family/component (e.g. `cjk-strong-font-weight`), and values may compound (e.g. `heavy-strong-emphasized`) by hyphen-joining multiple modifiers.",
+  "values": [
+    {
+      "id": "emphasized",
+      "label": "Emphasized",
+      "description": "Standard emphasis"
+    },
+    {
+      "id": "strong",
+      "label": "Strong",
+      "description": "Strong emphasis (heavier than emphasized)"
+    },
+    {
+      "id": "heavy",
+      "label": "Heavy",
+      "description": "Heaviest emphasis"
+    },
+    {
+      "id": "light",
+      "label": "Light",
+      "description": "Lighter than default emphasis"
+    },
+    {
+      "id": "non-emphasized",
+      "label": "Non-Emphasized",
+      "description": "Explicitly not emphasized (maps to isEmphasized: false)"
+    }
+  ]
+}

package/registry/typography-families.json

@@ -1,7 +1,7 @@
 {
   "$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.",
+  "description": "Type family identifiers for typography tokens. Assigned via the `family` name-object field. Represents the typeface classification (e.g. serif vs. sans-serif) or usage context (e.g. code), not a specific font name or writing system — see `script` for the latter.",
   "values": [
     {
       "id": "sans-serif",
@@ -13,11 +13,6 @@
       "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",

package/registry/variants.json

@@ -207,6 +207,13 @@
       "category": "emphasis",
       "usedIn": ["tokens"]
     },
+    {
+      "id": "emphasized",
+      "label": "Emphasized",
+      "description": "Elevated emphasis variant for prominent surfaces (e.g. drop shadows)",
+      "category": "emphasis",
+      "usedIn": ["tokens"]
+    },
     {
       "id": "static",
       "label": "Static",
@@ -277,6 +284,48 @@
       "description": "Informational dialog variant (alias for informative in alert contexts)",
       "category": "semantic",
       "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "ambient",
+      "label": "Ambient",
+      "description": "Ambient/diffuse drop-shadow context",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "dragged",
+      "label": "Dragged",
+      "description": "Shadow context during drag interaction",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "elevated",
+      "label": "Elevated",
+      "description": "Elevated surface or shadow context",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "pasteboard",
+      "label": "Pasteboard",
+      "description": "Pasteboard surface context",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "elevated-key",
+      "label": "Elevated Key",
+      "description": "Key-light shadow context on an elevated surface",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "dragged-key",
+      "label": "Dragged Key",
+      "description": "Key-light shadow context during drag interaction",
+      "category": "context",
+      "usedIn": ["tokens"]
     }
   ]
 }