@adobe/spectrum-design-data 0.8.0 → 0.9.0

package/registry/components.json

@@ -48,6 +48,16 @@
       "label": "Badge",
       "documentationUrl": "https://spectrum.adobe.com/page/badge/"
     },
+    {
+      "id": "bar-panel",
+      "label": "Bar Panel",
+      "description": "A cross-cutting anatomy sub-part shared by multiple components (e.g. color area, color wheel) rather than a standalone top-level component."
+    },
+    {
+      "id": "body",
+      "label": "Body",
+      "documentationUrl": "https://spectrum.adobe.com/page/body/"
+    },
     {
       "id": "breadcrumbs",
       "label": "Breadcrumbs",
@@ -68,6 +78,16 @@
       "label": "Calendar",
       "documentationUrl": "https://spectrum.adobe.com/page/calendar/"
     },
+    {
+      "id": "card",
+      "label": "Card",
+      "documentationUrl": "https://spectrum.adobe.com/page/card/"
+    },
+    {
+      "id": "card-horizontal",
+      "label": "Card Horizontal",
+      "documentationUrl": "https://spectrum.adobe.com/page/card-horizontal/"
+    },
     {
       "id": "checkbox",
       "label": "Checkbox",
@@ -83,11 +103,36 @@
       "label": "Close Button",
       "documentationUrl": "https://spectrum.adobe.com/page/close-button/"
     },
+    {
+      "id": "coach-indicator",
+      "label": "Coach Indicator",
+      "documentationUrl": "https://spectrum.adobe.com/page/coach-indicator/"
+    },
+    {
+      "id": "coach-mark",
+      "label": "Coach Mark",
+      "documentationUrl": "https://spectrum.adobe.com/page/coach-mark/"
+    },
+    {
+      "id": "code",
+      "label": "Code",
+      "documentationUrl": "https://spectrum.adobe.com/page/code/"
+    },
+    {
+      "id": "collection-card",
+      "label": "Collection Card",
+      "documentationUrl": "https://spectrum.adobe.com/page/collection-card/"
+    },
     {
       "id": "color-area",
       "label": "Color Area",
       "documentationUrl": "https://spectrum.adobe.com/page/color-area/"
     },
+    {
+      "id": "color-control",
+      "label": "Color Control",
+      "description": "A cross-cutting anatomy sub-part shared by color-selection components (e.g. color slider, color wheel) rather than a standalone top-level component."
+    },
     {
       "id": "color-handle",
       "label": "Color Handle",
@@ -118,26 +163,61 @@
       "label": "Contextual Help",
       "documentationUrl": "https://spectrum.adobe.com/page/contextual-help/"
     },
+    {
+      "id": "date-field",
+      "label": "Date Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/date-field/"
+    },
     {
       "id": "date-picker",
       "label": "Date Picker",
       "documentationUrl": "https://spectrum.adobe.com/page/date-picker/"
     },
+    {
+      "id": "detail",
+      "label": "Detail",
+      "documentationUrl": "https://spectrum.adobe.com/page/detail/"
+    },
     {
       "id": "divider",
       "label": "Divider",
       "documentationUrl": "https://spectrum.adobe.com/page/divider/"
     },
+    {
+      "id": "double-calendar",
+      "label": "Double Calendar",
+      "documentationUrl": "https://spectrum.adobe.com/page/double-calendar/"
+    },
     {
       "id": "drop-zone",
       "label": "Drop Zone",
       "documentationUrl": "https://spectrum.adobe.com/page/drop-zone/"
     },
+    {
+      "id": "field",
+      "label": "Field",
+      "description": "A cross-cutting anatomy sub-part shared by multiple form-adjacent components rather than a standalone top-level component."
+    },
     {
       "id": "field-label",
       "label": "Field Label",
       "documentationUrl": "https://spectrum.adobe.com/page/field-label/"
     },
+    {
+      "id": "floating-action-button",
+      "label": "Floating Action Button",
+      "documentationUrl": "https://spectrum.adobe.com/page/floating-action-button/"
+    },
+    {
+      "id": "form-item",
+      "label": "Form Item",
+      "documentationUrl": "https://spectrum.adobe.com/page/form-item/"
+    },
+    {
+      "id": "heading",
+      "label": "Heading",
+      "documentationUrl": "https://spectrum.adobe.com/page/heading/"
+    },
     {
       "id": "help-text",
       "label": "Help Text",
@@ -148,6 +228,16 @@
       "label": "Illustrated Message",
       "documentationUrl": "https://spectrum.adobe.com/page/illustrated-message/"
     },
+    {
+      "id": "in-field-button",
+      "label": "In-Field Button",
+      "description": "A cross-cutting anatomy sub-part shared by multiple field-adjacent components rather than a standalone top-level component."
+    },
+    {
+      "id": "in-field-progress-circle",
+      "label": "In-Field Progress Circle",
+      "documentationUrl": "https://spectrum.adobe.com/page/in-field-progress-circle/"
+    },
     {
       "id": "in-line-alert",
       "label": "In-Line Alert",
@@ -158,6 +248,11 @@
       "label": "Link",
       "documentationUrl": "https://spectrum.adobe.com/page/link/"
     },
+    {
+      "id": "list-view",
+      "label": "List View",
+      "documentationUrl": "https://spectrum.adobe.com/page/list-view/"
+    },
     {
       "id": "menu",
       "label": "Menu",
@@ -173,6 +268,11 @@
       "label": "Number Field",
       "documentationUrl": "https://spectrum.adobe.com/page/number-field/"
     },
+    {
+      "id": "opacity-checkerboard",
+      "label": "Opacity Checkerboard",
+      "documentationUrl": "https://spectrum.adobe.com/page/opacity-checkerboard/"
+    },
     {
       "id": "picker",
       "label": "Picker",
@@ -213,26 +313,71 @@
       "label": "Search Field",
       "documentationUrl": "https://spectrum.adobe.com/page/search-field/"
     },
+    {
+      "id": "segmented-control",
+      "label": "Segmented Control",
+      "documentationUrl": "https://spectrum.adobe.com/page/segmented-control/"
+    },
+    {
+      "id": "segmented-text-field",
+      "label": "Segmented Text Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/segmented-text-field/"
+    },
     {
       "id": "select-box",
       "label": "Select Box",
       "documentationUrl": "https://spectrum.adobe.com/page/select-box/"
     },
+    {
+      "id": "side-navigation",
+      "label": "Side Navigation",
+      "documentationUrl": "https://spectrum.adobe.com/page/side-navigation/"
+    },
+    {
+      "id": "single-calendar",
+      "label": "Single Calendar",
+      "documentationUrl": "https://spectrum.adobe.com/page/single-calendar/"
+    },
     {
       "id": "slider",
       "label": "Slider",
       "documentationUrl": "https://spectrum.adobe.com/page/slider/"
     },
+    {
+      "id": "stack-item",
+      "label": "Stack Item",
+      "description": "A cross-cutting anatomy sub-part shared by multiple stacking-layout components rather than a standalone top-level component."
+    },
+    {
+      "id": "standard-dialog",
+      "label": "Standard Dialog",
+      "documentationUrl": "https://spectrum.adobe.com/page/standard-dialog/"
+    },
+    {
+      "id": "standard-panel",
+      "label": "Standard Panel",
+      "documentationUrl": "https://spectrum.adobe.com/page/standard-panel/"
+    },
     {
       "id": "status-light",
       "label": "Status Light",
       "documentationUrl": "https://spectrum.adobe.com/page/status-light/"
     },
+    {
+      "id": "steplist",
+      "label": "Steplist",
+      "documentationUrl": "https://spectrum.adobe.com/page/steplist/"
+    },
     {
       "id": "swatch",
       "label": "Swatch",
       "documentationUrl": "https://spectrum.adobe.com/page/swatch/"
     },
+    {
+      "id": "swatch-group",
+      "label": "Swatch Group",
+      "documentationUrl": "https://spectrum.adobe.com/page/swatch-group/"
+    },
     {
       "id": "switch",
       "label": "Switch",
@@ -253,11 +398,21 @@
       "label": "Tag",
       "documentationUrl": "https://spectrum.adobe.com/page/tag/"
     },
+    {
+      "id": "tag-field",
+      "label": "Tag Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/tag-field/"
+    },
     {
       "id": "tag-group",
       "label": "Tag Group",
       "documentationUrl": "https://spectrum.adobe.com/page/tag-group/"
     },
+    {
+      "id": "takeover-dialog",
+      "label": "Takeover Dialog",
+      "documentationUrl": "https://spectrum.adobe.com/page/takeover-dialog/"
+    },
     {
       "id": "text-area",
       "label": "Text Area",
@@ -268,6 +423,21 @@
       "label": "Text Field",
       "documentationUrl": "https://spectrum.adobe.com/page/text-field/"
     },
+    {
+      "id": "thumbnail",
+      "label": "Thumbnail",
+      "documentationUrl": "https://spectrum.adobe.com/page/thumbnail/"
+    },
+    {
+      "id": "time-field",
+      "label": "Time Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/time-field/"
+    },
+    {
+      "id": "title",
+      "label": "Title",
+      "documentationUrl": "https://spectrum.adobe.com/page/title/"
+    },
     {
       "id": "toast",
       "label": "Toast",
@@ -282,6 +452,21 @@
       "id": "tray",
       "label": "Tray",
       "documentationUrl": "https://spectrum.adobe.com/page/tray/"
+    },
+    {
+      "id": "tree-view",
+      "label": "Tree View",
+      "documentationUrl": "https://spectrum.adobe.com/page/tree-view/"
+    },
+    {
+      "id": "triple-calendar",
+      "label": "Triple Calendar",
+      "documentationUrl": "https://spectrum.adobe.com/page/triple-calendar/"
+    },
+    {
+      "id": "user-card",
+      "label": "User Card",
+      "documentationUrl": "https://spectrum.adobe.com/page/user-card/"
     }
   ]
 }

package/registry/icon-terms.json

@@ -0,0 +1,90 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "icon",
+  "description": "Icon identities used as the `icon` name-field value on icon-family tokens. `tokenName` gives the long form used in legacy keys (e.g. \"checkmark\" -> \"checkmark-icon\"); ids without a `tokenName` already match the legacy form.",
+  "values": [
+    {
+      "id": "icon",
+      "label": "Icon",
+      "description": "Generic icon token, not tied to a specific glyph",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "ui",
+      "label": "UI Icon",
+      "description": "Generic UI icon glyph",
+      "tokenName": "ui-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "checkmark",
+      "label": "Checkmark Icon",
+      "description": "Checkmark glyph",
+      "tokenName": "checkmark-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "chevron",
+      "label": "Chevron Icon",
+      "description": "Chevron glyph",
+      "tokenName": "chevron-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "dash",
+      "label": "Dash Icon",
+      "description": "Dash glyph",
+      "tokenName": "dash-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "arrow",
+      "label": "Arrow Icon",
+      "description": "Arrow glyph",
+      "tokenName": "arrow-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "cross",
+      "label": "Cross Icon",
+      "description": "Cross (close) glyph",
+      "tokenName": "cross-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "add",
+      "label": "Add Icon",
+      "description": "Add (plus) glyph",
+      "tokenName": "add-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "link-out",
+      "label": "Link Out Icon",
+      "description": "External-link glyph",
+      "tokenName": "link-out-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "drag-handle",
+      "label": "Drag Handle Icon",
+      "description": "Drag handle glyph",
+      "tokenName": "drag-handle-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "asterisk",
+      "label": "Asterisk Icon",
+      "description": "Asterisk glyph",
+      "tokenName": "asterisk-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "gripper",
+      "label": "Gripper Icon",
+      "description": "Gripper glyph",
+      "tokenName": "gripper-icon",
+      "usedIn": ["tokens"]
+    }
+  ]
+}

package/registry/positions.json

@@ -47,6 +47,24 @@
       "id": "bottom-edge",
       "label": "Bottom edge",
       "description": "Outer boundary at the bottom"
+    },
+    {
+      "id": "inner",
+      "label": "Inner",
+      "description": "Interior-facing side of an element",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "outer",
+      "label": "Outer",
+      "description": "Exterior-facing side of an element",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "below",
+      "label": "Below",
+      "description": "Positioned underneath a reference element",
+      "usedIn": ["tokens"]
     }
   ]
 }

package/registry/property-terms.json

@@ -208,11 +208,36 @@
       "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",
@@ -232,6 +257,46 @@
       "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)"
+    }
+  ]
+}