@adobe/design-system-registry 3.3.0 → 5.0.1

package/registry/property-terms.json

@@ -1,212 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "property-term",
-  "description": "CSS/styling attributes or design-system abstractions thereof, assigned to token name objects via the `property` field. Not all entries are valid CSS property identifiers — some (e.g. padding-horizontal, overlay-color, size) are design-system-level abstractions. Not anatomy parts (which belong in anatomy-terms.json) and not styling surfaces (which belong in token-objects.json). Examples: color, width, padding, font-size.",
-  "values": [
-    {
-      "id": "color",
-      "label": "Color",
-      "description": "Text or foreground color"
-    },
-    {
-      "id": "background-color",
-      "label": "Background Color",
-      "description": "Background fill color"
-    },
-    {
-      "id": "border-color",
-      "label": "Border Color",
-      "description": "Border or outline color"
-    },
-    {
-      "id": "fill-color",
-      "label": "Fill Color",
-      "description": "SVG or icon fill color"
-    },
-    {
-      "id": "icon-color",
-      "label": "Icon Color",
-      "description": "Foreground color of an icon"
-    },
-    {
-      "id": "shadow-color",
-      "label": "Shadow Color",
-      "description": "Drop shadow color component"
-    },
-    {
-      "id": "overlay-color",
-      "label": "Overlay Color",
-      "description": "Overlay or scrim tint color"
-    },
-    {
-      "id": "outline-color",
-      "label": "Outline Color",
-      "description": "CSS outline color"
-    },
-    {
-      "id": "opacity",
-      "label": "Opacity",
-      "description": "Element transparency level"
-    },
-    {
-      "id": "border-opacity",
-      "label": "Border Opacity",
-      "description": "Border transparency level"
-    },
-    {
-      "id": "overlay-opacity",
-      "label": "Overlay Opacity",
-      "description": "Overlay or scrim transparency level"
-    },
-    {
-      "id": "width",
-      "label": "Width",
-      "description": "Element width"
-    },
-    {
-      "id": "height",
-      "label": "Height",
-      "description": "Element height"
-    },
-    {
-      "id": "min-width",
-      "label": "Min Width",
-      "description": "Minimum element width"
-    },
-    {
-      "id": "max-width",
-      "label": "Max Width",
-      "description": "Maximum element width"
-    },
-    {
-      "id": "min-height",
-      "label": "Min Height",
-      "description": "Minimum element height"
-    },
-    {
-      "id": "max-height",
-      "label": "Max Height",
-      "description": "Maximum element height"
-    },
-    {
-      "id": "size",
-      "label": "Size",
-      "description": "General dimension size (non-directional)"
-    },
-    {
-      "id": "padding",
-      "label": "Padding",
-      "description": "Internal spacing on all sides"
-    },
-    {
-      "id": "padding-horizontal",
-      "label": "Horizontal Padding",
-      "description": "Internal horizontal (left/right) spacing"
-    },
-    {
-      "id": "padding-vertical",
-      "label": "Vertical Padding",
-      "description": "Internal vertical (top/bottom) spacing"
-    },
-    {
-      "id": "gap",
-      "label": "Gap",
-      "description": "Space between flex or grid children"
-    },
-    {
-      "id": "spacing",
-      "label": "Spacing",
-      "description": "General spacing between elements"
-    },
-    {
-      "id": "border-width",
-      "label": "Border Width",
-      "description": "Border or stroke thickness"
-    },
-    {
-      "id": "border-radius",
-      "label": "Border Radius",
-      "description": "Corner rounding radius"
-    },
-    {
-      "id": "outline-width",
-      "label": "Outline Width",
-      "description": "CSS outline thickness"
-    },
-    {
-      "id": "blur",
-      "label": "Blur",
-      "description": "Blur radius (backdrop or drop shadow)"
-    },
-    {
-      "id": "shadow",
-      "label": "Shadow",
-      "description": "Full box or drop shadow definition"
-    },
-    {
-      "id": "font-size",
-      "label": "Font Size",
-      "description": "Typeface size"
-    },
-    {
-      "id": "font-weight",
-      "label": "Font Weight",
-      "description": "Typeface weight (boldness)"
-    },
-    {
-      "id": "font-family",
-      "label": "Font Family",
-      "description": "Typeface family name"
-    },
-    {
-      "id": "font-style",
-      "label": "Font Style",
-      "description": "Typeface style (normal, italic, oblique)"
-    },
-    {
-      "id": "line-height",
-      "label": "Line Height",
-      "description": "Vertical spacing between lines of text"
-    },
-    {
-      "id": "letter-spacing",
-      "label": "Letter Spacing",
-      "description": "Horizontal spacing between characters"
-    },
-    {
-      "id": "text-align",
-      "label": "Text Align",
-      "description": "Horizontal alignment of text content"
-    },
-    {
-      "id": "duration",
-      "label": "Duration",
-      "description": "Animation or transition duration"
-    },
-    {
-      "id": "easing",
-      "label": "Easing",
-      "description": "Animation or transition easing function"
-    },
-    {
-      "id": "margin",
-      "label": "Margin",
-      "description": "External spacing on all sides (used for typography block margin multipliers)"
-    },
-    {
-      "id": "margin-top",
-      "label": "Margin Top",
-      "description": "External spacing above a block element"
-    },
-    {
-      "id": "margin-bottom",
-      "label": "Margin Bottom",
-      "description": "External spacing below a block element"
-    },
-    {
-      "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"
-    }
-  ]
-}

package/registry/scale-values.json

@@ -1,126 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "scale",
-  "description": "Numeric scale values used in design tokens",
-  "values": [
-    {
-      "id": "50",
-      "label": "Scale 50",
-      "value": 50,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "75",
-      "label": "Scale 75",
-      "value": 75,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "100",
-      "label": "Scale 100",
-      "value": 100,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "200",
-      "label": "Scale 200",
-      "value": 200,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "300",
-      "label": "Scale 300",
-      "value": 300,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "400",
-      "label": "Scale 400",
-      "value": 400,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "500",
-      "label": "Scale 500",
-      "value": 500,
-      "category": "common",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "600",
-      "label": "Scale 600",
-      "value": 600,
-      "category": "extended",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "700",
-      "label": "Scale 700",
-      "value": 700,
-      "category": "extended",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "800",
-      "label": "Scale 800",
-      "value": 800,
-      "category": "extended",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "900",
-      "label": "Scale 900",
-      "value": 900,
-      "category": "extended",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "1000",
-      "label": "Scale 1000",
-      "value": 1000,
-      "category": "extended",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "1100",
-      "label": "Scale 1100",
-      "value": 1100,
-      "category": "extended",
-      "usedIn": ["component-schemas"]
-    },
-    {
-      "id": "1200",
-      "label": "Scale 1200",
-      "value": 1200,
-      "category": "extended",
-      "usedIn": ["component-schemas"]
-    },
-    {
-      "id": "1300",
-      "label": "Scale 1300",
-      "value": 1300,
-      "category": "extended",
-      "usedIn": ["component-schemas"]
-    },
-    {
-      "id": "1400",
-      "label": "Scale 1400",
-      "value": 1400,
-      "category": "extended",
-      "usedIn": ["component-schemas"]
-    },
-    {
-      "id": "1500",
-      "label": "Scale 1500",
-      "value": 1500,
-      "category": "extended",
-      "usedIn": ["component-schemas"]
-    }
-  ]
-}

package/registry/shapes.json

@@ -1,12 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "shape",
-  "description": "Terms relative to the overall shape of a component. This is a starting vocabulary — new shape terms should be added here as design system patterns are identified.",
-  "values": [
-    {
-      "id": "uniform",
-      "label": "Uniform",
-      "description": "Equal proportions (e.g., 1:1 ratio between horizontal and vertical padding)"
-    }
-  ]
-}

package/registry/sizes.json

@@ -1,71 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "size",
-  "description": "Semantic t-shirt size values used across Spectrum. Numeric scale values belong in scale-values.json.",
-  "values": [
-    {
-      "id": "xxxs",
-      "label": "3X Small",
-      "aliases": ["3x-small"],
-      "tokenName": "3x-small",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "xxs",
-      "label": "2X Small",
-      "aliases": ["2x-small"],
-      "tokenName": "2x-small",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "xs",
-      "label": "Extra Small",
-      "aliases": ["extra-small"],
-      "tokenName": "extra-small",
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    },
-    {
-      "id": "s",
-      "label": "Small",
-      "aliases": ["small"],
-      "tokenName": "small",
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    },
-    {
-      "id": "m",
-      "label": "Medium",
-      "aliases": ["medium"],
-      "tokenName": "medium",
-      "default": true,
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    },
-    {
-      "id": "l",
-      "label": "Large",
-      "aliases": ["large"],
-      "tokenName": "large",
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    },
-    {
-      "id": "xl",
-      "label": "Extra Large",
-      "aliases": ["extra-large"],
-      "tokenName": "extra-large",
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    },
-    {
-      "id": "xxl",
-      "label": "2X Large",
-      "aliases": ["2x-large"],
-      "tokenName": "2x-large",
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    },
-    {
-      "id": "xxxl",
-      "label": "3X Large",
-      "aliases": ["3x-large"],
-      "tokenName": "3x-large",
-      "usedIn": ["tokens", "component-options", "component-schemas"]
-    }
-  ]
-}

package/registry/states.json

@@ -1,184 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "state",
-  "description": "Interaction states for components",
-  "allowCustom": true,
-  "customPattern": "^[a-z][a-z0-9-]*(\\s\\+\\s[a-z][a-z0-9-]*)*$",
-  "values": [
-    {
-      "id": "default",
-      "label": "Default",
-      "description": "The default, resting state of a component",
-      "default": true,
-      "usedIn": ["tokens", "component-options", "component-schemas"],
-      "definition": {
-        "superordinate": "interaction state",
-        "description": "The initial, resting state of a user interface component before any user interaction occurs",
-        "essentialCharacteristics": [
-          "Represents the component's appearance without user interaction",
-          "The baseline state from which all other states transition",
-          "Should communicate the component's purpose and interactivity at a glance"
-        ]
-      },
-      "terminology": {
-        "conceptType": "term",
-        "namingRationale": "Industry-standard term used consistently across design systems and platforms"
-      },
-      "sources": [
-        {
-          "type": "industry-standard",
-          "reference": "Common UI design terminology",
-          "date": "2025-01-12"
-        }
-      ],
-      "governance": {
-        "owner": "Spectrum Core Team",
-        "reviewDate": "2025-01-12",
-        "status": "approved"
-      },
-      "relatedTerms": ["hover", "focus", "disabled"]
-    },
-    {
-      "id": "hover",
-      "label": "Hover",
-      "description": "Mouse hover state",
-      "usedIn": ["tokens", "component-options", "component-schemas"],
-      "definition": {
-        "superordinate": "interaction state",
-        "description": "The state when a pointer device (such as a mouse cursor) is positioned over a component's interactive area without pressing",
-        "essentialCharacteristics": [
-          "Triggered by pointer positioning, not by clicking or pressing",
-          "Provides visual feedback that the element is interactive",
-          "Should be subtle enough not to distract from the overall interface",
-          "Reversible when the pointer moves away"
-        ]
-      },
-      "platforms": {
-        "web": {
-          "term": "hover",
-          "notes": "CSS :hover pseudo-class",
-          "reference": "https://developer.mozilla.org/en-US/docs/Web/CSS/:hover"
-        },
-        "iOS": {
-          "term": "highlighted",
-          "notes": "iOS uses 'highlighted' for similar visual feedback on touch devices with pointer support",
-          "reference": "UIControl.State.highlighted"
-        }
-      },
-      "terminology": {
-        "conceptType": "term",
-        "namingRationale": "Standard interaction design term describing pointer-based feedback"
-      },
-      "sources": [
-        {
-          "type": "industry-standard",
-          "reference": "W3C CSS specification",
-          "url": "https://www.w3.org/TR/selectors-4/#hover-pseudo",
-          "date": "2025-01-12"
-        }
-      ],
-      "governance": {
-        "owner": "Spectrum Core Team",
-        "reviewDate": "2025-01-12",
-        "status": "approved"
-      },
-      "relatedTerms": ["default", "active", "focus"]
-    },
-    {
-      "id": "active",
-      "label": "Active",
-      "description": "Active or pressed state",
-      "usedIn": ["component-options", "component-schemas"]
-    },
-    {
-      "id": "focus",
-      "label": "Focus",
-      "description": "Focused state (generic)",
-      "usedIn": ["component-options", "component-schemas"]
-    },
-    {
-      "id": "keyboard-focus",
-      "label": "Keyboard Focus",
-      "aliases": ["keyboard focus", "key-focus"],
-      "description": "Focused via keyboard navigation",
-      "usedIn": ["tokens", "component-options", "component-schemas"],
-      "definition": {
-        "superordinate": "interaction state",
-        "description": "The state when a component receives focus through keyboard navigation, indicating it will respond to keyboard input",
-        "essentialCharacteristics": [
-          "Specifically indicates focus achieved through keyboard interaction (Tab, arrow keys)",
-          "Requires prominent visual indicator for accessibility (WCAG 2.4.7)",
-          "Different from generic focus to support :focus-visible patterns",
-          "Critical for keyboard-only users to understand their current position"
-        ]
-      },
-      "platforms": {
-        "web": {
-          "term": "keyboard-focus",
-          "notes": "Often implemented with :focus-visible pseudo-class",
-          "reference": "https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible"
-        },
-        "iOS": {
-          "term": "focused",
-          "notes": "UIFocusSystem for keyboard and pointer navigation",
-          "reference": "UIFocusSystem"
-        }
-      },
-      "terminology": {
-        "conceptType": "term",
-        "namingRationale": "Distinguishes keyboard-based focus from programmatic focus, following modern accessibility standards"
-      },
-      "sources": [
-        {
-          "type": "industry-standard",
-          "reference": "WCAG 2.4.7 Focus Visible",
-          "url": "https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html",
-          "date": "2025-01-12"
-        },
-        {
-          "type": "industry-standard",
-          "reference": "W3C :focus-visible specification",
-          "url": "https://www.w3.org/TR/selectors-4/#the-focus-visible-pseudo",
-          "date": "2025-01-12"
-        }
-      ],
-      "governance": {
-        "owner": "Spectrum Core Team",
-        "reviewDate": "2025-01-12",
-        "status": "approved"
-      },
-      "relatedTerms": ["focus", "default", "hover"]
-    },
-    {
-      "id": "disabled",
-      "label": "Disabled",
-      "description": "Disabled or inactive state",
-      "usedIn": ["component-options", "component-schemas"]
-    },
-    {
-      "id": "down",
-      "label": "Down",
-      "description": "Pressed or down state (mouse button down)",
-      "usedIn": ["tokens", "component-schemas"]
-    },
-    {
-      "id": "pending",
-      "label": "Pending",
-      "description": "Loading or pending state",
-      "usedIn": ["tokens"]
-    },
-    {
-      "id": "selected",
-      "label": "Selected",
-      "description": "Selected or chosen state",
-      "usedIn": ["component-schemas"]
-    },
-    {
-      "id": "drag-and-drop",
-      "label": "Drag and Drop",
-      "aliases": ["drag and drop"],
-      "description": "Being dragged or drag target state",
-      "usedIn": ["component-schemas"]
-    }
-  ]
-}

package/registry/structures.json

@@ -1,57 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "structure",
-  "description": "Reusable visual patterns or object categories that occur across many varieties of components. Distinct from components, which are specific UI elements.",
-  "values": [
-    {
-      "id": "base",
-      "label": "Base",
-      "description": "Foundation structure shared across components"
-    },
-    {
-      "id": "container",
-      "label": "Container",
-      "description": "Enclosing structure that holds child elements"
-    },
-    {
-      "id": "list",
-      "label": "List",
-      "description": "Ordered or unordered collection of items"
-    },
-    {
-      "id": "accessory",
-      "label": "Accessory",
-      "description": "Supplementary element attached to a primary structure"
-    },
-    {
-      "id": "group",
-      "label": "Group",
-      "description": "Collection of similar UI elements or related controls"
-    },
-    {
-      "id": "banner",
-      "label": "Banner",
-      "description": "Prominent element for displaying non-permanent information or actions"
-    },
-    {
-      "id": "table",
-      "label": "Table",
-      "description": "Tabular layout of rows and columns for structured data"
-    },
-    {
-      "id": "body",
-      "label": "Body",
-      "description": "Body text typography scale — used for standard paragraph and UI text"
-    },
-    {
-      "id": "detail",
-      "label": "Detail",
-      "description": "Detail text typography scale — used for captions, labels, and supporting text"
-    },
-    {
-      "id": "heading",
-      "label": "Heading",
-      "description": "Heading text typography scale — used for section and page headings"
-    }
-  ]
-}

package/registry/substructures.json

@@ -1,12 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
-  "type": "substructure",
-  "description": "Structures that only exist within the context of a parent structure (e.g., item within a list).",
-  "values": [
-    {
-      "id": "item",
-      "label": "Item",
-      "description": "Individual element within a parent structure (e.g., list item)"
-    }
-  ]
-}