@adobe/spectrum-design-data 0.12.0 → 0.14.1

package/components/accordion.json

@@ -417,47 +417,7 @@
     { "token": "accordion-top-to-text-regular-large", "context": "S" },
     { "token": "accordion-bottom-to-text-regular-large", "context": "S" },
     { "token": "accordion-top-to-text-regular-extra-large", "context": "S" },
-    { "token": "accordion-bottom-to-text-regular-extra-large", "context": "S" },
-    {
-      "token": "field-top-to-disclosure-icon-75-compact",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-75-regular",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-75-spacious",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-100-compact",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-200-compact",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-200-regular",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-200-spacious",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-300-compact",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-300-regular",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    },
-    {
-      "token": "field-top-to-disclosure-icon-300-spacious",
-      "context": "Spacing (top/bottom to disclosure icon)"
-    }
+    { "token": "accordion-bottom-to-text-regular-extra-large", "context": "S" }
   ],
   "accessibility": {
     "intents": ["expand"],

package/components/action-bar.json

@@ -62,7 +62,8 @@
     {
       "name": "item-counter",
       "description": "Badge showing a count of items or actions."
-    }
+    },
+    { "name": "counter" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
@@ -82,7 +83,7 @@
       "context": "Spacing (padding)"
     },
     {
-      "token": "action-bar-label-to-action-button-group",
+      "token": "action-bar-label-to-action-group-area",
       "context": "Spacing (label to action button group)"
     },
     {
@@ -98,7 +99,7 @@
       "token": "neutral-content-color-default",
       "context": "Background (emphasized)"
     },
-    { "token": "action-bar-border", "context": "Border" },
+    { "token": "action-bar-border-color", "context": "Border" },
     { "token": "drop-shadow-elevated-color", "context": "Drop shadow" },
     { "token": "drop-shadow-elevated-x", "context": "Drop shadow" },
     { "token": "drop-shadow-elevated-y", "context": "Drop shadow" },
@@ -112,19 +113,19 @@
     { "token": "accent-background-color-key-focus", "context": "Background" },
     { "token": "white", "context": "Icon and Clear icon" },
     {
-      "token": "neutral-selected-background-color-default",
+      "token": "neutral-background-color-selected-default",
       "context": "Background"
     },
     {
-      "token": "neutral-selected-background-color-hover",
+      "token": "neutral-background-color-selected-hover",
       "context": "Background"
     },
     {
-      "token": "neutral-selected-background-color-down",
+      "token": "neutral-background-color-selected-down",
       "context": "Background"
     },
     {
-      "token": "neutral-selected-background-color-key-focus",
+      "token": "neutral-background-color-selected-key-focus",
       "context": "Background"
     },
     { "token": "gray-25", "context": "Icon and Clear icon" },

package/components/alert-dialog.json

@@ -95,7 +95,7 @@
     { "token": "body-sans-serif-font-family", "context": "Description" },
     { "token": "body-sans-serif-font-weight", "context": "Description" },
     { "token": "body-sans-serif-font-style", "context": "Description" },
-    { "token": "alert-dialog-body-font-size", "context": "Description" },
+    { "token": "alert-dialog-description-font-size", "context": "Description" },
     { "token": "line-height-200", "context": "Description" },
     { "token": "body-color", "context": "Description" },
     { "token": "alert-dialog-maximum-width", "context": "Maximum width" },
@@ -113,7 +113,7 @@
       "context": "Icon (error and warning variants)"
     },
     { "token": "spacing-100", "context": "Minimum spacing (title to icon)" },
-    { "token": "background-color-layer2", "context": "Background" },
+    { "token": "background-layer-2-color", "context": "Background" },
     { "token": "overlay-color", "context": "Overlay" },
     { "token": "overlay-opacity", "context": "Overlay" },
     { "token": "notice-visual-color", "context": "Icon (warning variant)" },

package/components/avatar.json

@@ -91,7 +91,8 @@
   },
   "states": [
     { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "disabled", "trigger": "prop" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
@@ -112,15 +113,12 @@
     { "token": "avatar-size-1300", "context": "Size" },
     { "token": "avatar-size-1400", "context": "Size" },
     { "token": "avatar-size-1500", "context": "Size" },
-    { "token": "avatar-border-thickness", "context": "Border" },
+    { "token": "avatar-border-width", "context": "Border" },
     { "token": "focus-indicator-thickness", "context": "Focus indicator" },
     { "token": "focus-indicator-gap", "context": "Focus indicator" },
-    { "token": "avatar-gradient-stop-1", "context": "0% " },
-    { "token": "static-[color]-400", "context": "0% " },
-    { "token": "avatar-gradient-stop-2", "context": "66% " },
-    { "token": "static-[color]-600", "context": "66% " },
-    { "token": "avatar-gradient-stop-3", "context": "100% " },
-    { "token": "static-[color]-800", "context": "100% " },
+    { "token": "gradient-stop-1-avatar", "context": "0% " },
+    { "token": "gradient-stop-2-avatar", "context": "66% " },
+    { "token": "gradient-stop-3-avatar", "context": "100% " },
     { "token": "gradient-angle", "context": "Top-left to bottom-right" },
     { "token": "default-font-family", "context": "Text (List view item)" },
     { "token": "extra-bold-font-weight", "context": "Text (List view item)" },

package/components/badge.json

@@ -400,7 +400,7 @@
       "context": "Background (non-semantic) "
     },
     {
-      "token": "chartreuse-subtle--background-color-default",
+      "token": "chartreuse-subtle-background-color-default",
       "context": "Background (non-semantic) "
     },
     {

package/components/bar-panel.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/bar-panel.json",
+  "specVersion": "1.0.0-draft",
+  "name": "bar-panel",
+  "displayName": "Bar panel",
+  "description": "A panel anchored to an edge, exposing a draggable gripper for resizing.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/page/bar-panel/"
+  },
+  "anatomy": [{ "name": "gripper" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/card-horizontal.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/card-horizontal.json",
+  "specVersion": "1.0.0-draft",
+  "name": "card-horizontal",
+  "displayName": "Horizontal card",
+  "description": "A card variant laid out horizontally, pairing a preview with content side by side.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/page/card-horizontal/"
+  },
+  "states": [{ "name": "default" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/card.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/card.json",
+  "specVersion": "1.0.0-draft",
+  "name": "card",
+  "displayName": "Card",
+  "description": "A single card surface used to group related content and actions; the base of the cards family (cards.json documents the group).",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/page/card/"
+  },
+  "anatomy": [{ "name": "selection" }, { "name": "well" }],
+  "states": [{ "name": "default" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/cards.json

@@ -173,7 +173,7 @@
     { "token": "focus-indicator-color", "context": "Focus ring" },
     { "token": "disabled-background-color", "context": "Disabled" },
     { "token": "opacity-disabled", "context": "Disabled" },
-    { "token": "card-background-color-loading", "context": "Loading" },
+    { "token": "card-background-loading-color", "context": "Loading" },
     {
       "token": "card-minimum-height-extra-small",
       "context": "Height (minimum)"
@@ -198,7 +198,7 @@
       "context": "Selection checkbox "
     },
     {
-      "token": "card-selection-background-size-extra",
+      "token": "card-selection-background-size-extra-large",
       "context": "Selection checkbox "
     },
     {
@@ -268,23 +268,23 @@
       "context": "Height (minimum), default variant"
     },
     {
-      "token": "collection-card-hero-minimum-height-extra-small",
+      "token": "collection-card-minimum-height-hero-extra-small",
       "context": "Height (minimum), hero image variant"
     },
     {
-      "token": "collection-card-hero-minimum-height-small",
+      "token": "collection-card-minimum-height-hero-small",
       "context": "Height (minimum), hero image variant"
     },
     {
-      "token": "collection-card-hero-minimum-height-medium",
+      "token": "collection-card-minimum-height-hero-medium",
       "context": "Height (minimum), hero image variant"
     },
     {
-      "token": "collection-card-hero-minimum-height-large",
+      "token": "collection-card-minimum-height-hero-large",
       "context": "Height (minimum), hero image variant"
     },
     {
-      "token": "collection-card-hero-minimum-height-extra-large",
+      "token": "collection-card-minimum-height-hero-extra-large",
       "context": "Height (minimum), hero image variant"
     },
     { "token": "spacing-100", "context": "Spacing (header to footer)" },
@@ -314,7 +314,7 @@
       "context": "Height (minimum), default variant"
     },
     {
-      "token": "user-carde-minimum-height-extra-large",
+      "token": "user-card-minimum-height-extra-large",
       "context": "Height (minimum), default variant"
     },
     {
@@ -367,25 +367,13 @@
       "token": "border-width-100",
       "context": "Stroke width (secondary, dark)"
     },
-    {
-      "token": "horizontal-card-edge-to-content-default",
-      "context": "Spacing"
-    },
     {
       "token": "popover-border-color",
       "context": "Border (Secondary, Light theme)"
     },
-    {
-      "token": "horizontal-card-edge-to-content-compact",
-      "context": "Spacing (top/side/bottom edge to content)"
-    },
     {
       "token": "horizontal-card-edge-to-content-regular",
       "context": "Spacing (top/side/bottom edge to content)"
-    },
-    {
-      "token": "horizontal-card-edge-to-content-spacious",
-      "context": "Spacing (top/side/bottom edge to content)"
     }
   ],
   "accessibility": {

package/components/coach-mark.json

@@ -115,7 +115,11 @@
     {
       "name": "pagination-text",
       "description": "Text indicating step position (e.g. '2 of 5')."
-    }
+    },
+    { "name": "body" },
+    { "name": "media" },
+    { "name": "pagination" },
+    { "name": "title" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/collection-card.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/collection-card.json",
+  "specVersion": "1.0.0-draft",
+  "name": "collection-card",
+  "displayName": "Collection card",
+  "description": "A card variant representing a collection of items rather than a single asset.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/page/collection-card/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/color-control.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/color-control.json",
+  "specVersion": "1.0.0-draft",
+  "name": "color-control",
+  "displayName": "Color control",
+  "description": "Shared interactive control (slider/area) underlying color-picker components.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/color-control/"
+  },
+  "anatomy": [{ "name": "track" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/combo-box.json

@@ -213,10 +213,26 @@
     "errorMessage": { "type": "string" }
   },
   "states": [
-    { "name": "hover-(text-area)", "trigger": "prop" },
-    { "name": "hover-(button-area)", "trigger": "prop" },
-    { "name": "focus-+-hover", "trigger": "prop" },
-    { "name": "focus-+-not-hover", "trigger": "prop" },
+    {
+      "name": "hover-text-area",
+      "trigger": "prop",
+      "description": "Hover scoped to the text-entry anatomy part, distinct from hover over the field button."
+    },
+    {
+      "name": "hover-button-area",
+      "trigger": "prop",
+      "description": "Hover scoped to the field button anatomy part, distinct from hover over the text-entry area."
+    },
+    {
+      "name": "focus-hover",
+      "trigger": "prop",
+      "description": "Combined focus and hover, when the field is focused and the pointer is also over it."
+    },
+    {
+      "name": "focus-not-hover",
+      "trigger": "prop",
+      "description": "Focus without hover, when the field is focused but the pointer is not over it."
+    },
     { "name": "keyboard-focus", "trigger": "interaction" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },

package/components/contextual-help.json

@@ -96,8 +96,6 @@
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "xs-s", "context": "Components" },
-    { "token": "s-m", "context": "Components" },
     { "token": "contextual-help-minimum-width", "context": "Minimum width" },
     { "token": "corner-radius-large-default", "context": "Rounding" },
     {

package/components/date-field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/date-field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "date-field",
+  "displayName": "Date field",
+  "description": "A field for entering a date value.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/date-field/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/date-picker.json

@@ -234,7 +234,7 @@
   },
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "component-to-calendar-popover", "context": "Spacing (open)" },
+    { "token": "popover-gap", "context": "Spacing (open)" },
     {
       "token": "single-calendar-popover-minimum-width",
       "context": "Width (minimum)"
@@ -308,13 +308,11 @@
       "token": "neutral-content-color-key-focus",
       "context": "In field button colors "
     },
-    { "token": "disabled-color-content", "context": "In field button colors " },
     { "token": "gray-200", "context": "In field button colors " },
     {
-      "token": "background-disabled-color",
+      "token": "disabled-background-color",
       "context": "In field button colors "
     },
-    { "token": "disabled-background-color", "context": "Disabled" },
     {
       "token": "default-font-family",
       "context": "Label, value, help text, and error message"

package/components/double-calendar.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/double-calendar.json",
+  "specVersion": "1.0.0-draft",
+  "name": "double-calendar",
+  "displayName": "Double calendar",
+  "description": "A date-picker calendar variant displaying two consecutive months.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/double-calendar/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/drop-zone.json

@@ -156,7 +156,7 @@
     { "token": "default-font-size", "context": "Title area and body area" },
     { "token": "font-size-300", "context": "Title area and body area" },
     { "token": "line-height-100", "context": "Title area and body area" },
-    { "token": "grey-300", "context": "Border color" },
+    { "token": "gray-300", "context": "Border color" },
     {
       "token": "neutral-content-color-default",
       "context": "Illustration color"
@@ -177,7 +177,7 @@
       "context": "Border and background color (empty, hover)"
     },
     {
-      "token": "drop-zone-background-color-opacity-indicatored",
+      "token": "drop-zone-background-color-opacity-filled",
       "context": "Border, background, and text area color (filled, hover)"
     },
     {

package/components/field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "field",
+  "displayName": "Field",
+  "description": "Shared layout primitive underlying labeled form fields (text field, picker, etc.).",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/field/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/floating-action-button.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/floating-action-button.json",
+  "specVersion": "1.0.0-draft",
+  "name": "floating-action-button",
+  "displayName": "Floating action button",
+  "description": "A circular button that floats above content to surface a primary action.",
+  "meta": {
+    "category": "actions",
+    "documentationUrl": "https://spectrum.adobe.com/page/floating-action-button/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/form-item.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/form-item.json",
+  "specVersion": "1.0.0-draft",
+  "name": "form-item",
+  "displayName": "Form item",
+  "description": "Layout wrapper pairing a form field with its label and helper text.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/form-item/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/help-text.json

@@ -164,7 +164,7 @@
     },
     { "token": "neutral-subdued-content-color-default", "context": "Text" },
     {
-      "token": "disabled-content-color-default",
+      "token": "disabled-content-color",
       "context": "Text and alert icon (disabled)"
     },
     {

package/components/in-field-button.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/in-field-button.json",
+  "specVersion": "1.0.0-draft",
+  "name": "in-field-button",
+  "displayName": "In-field button",
+  "description": "A button embedded inside a field's input area, such as a clear or disclosure action.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/in-field-button/"
+  },
+  "anatomy": [{ "name": "fill" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/list-view.json

@@ -200,8 +200,6 @@
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "(multi-select", "context": "Variants" },
-    { "token": "multi-select)", "context": "Variants" },
     { "token": "workflow-icon-size-100", "context": "Icon size" },
     { "token": "list-view-minimum-height", "context": "Component height" },
     { "token": "list-view-minimum-width", "context": "Component width" },
@@ -271,8 +269,11 @@
       "token": "component-edge-to-text-100",
       "context": "Spacing (horizontal)"
     },
-    { "token": "top-to-text-100", "context": "Spacing (vertical)" },
-    { "token": "bottom-to-text-100", "context": "Spacing (vertical)" },
+    { "token": "component-top-to-text-100", "context": "Spacing (vertical)" },
+    {
+      "token": "component-bottom-to-text-100",
+      "context": "Spacing (vertical)"
+    },
     {
       "token": "component-top-to-workflow-icon-100",
       "context": "Spacing (vertical)"

package/components/menu.json

@@ -210,7 +210,9 @@
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "default", "trigger": "prop" },
+    { "name": "disabled", "trigger": "prop" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
@@ -489,7 +491,7 @@
     { "token": "menu-item-background-color-hover", "context": "Background" },
     { "token": "menu-item-background-color-down", "context": "Background" },
     {
-      "token": "menu-item-background-color-key-focus",
+      "token": "menu-item-background-color-keyboard-focus",
       "context": "Background"
     },
     { "token": "menu-item-background-color-disabled", "context": "Background" },

package/components/number-field.json

@@ -192,7 +192,6 @@
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "in-field", "context": "Components" },
     {
       "token": "field-label-to-component",
       "context": "Spacing (field label to number field)"

package/components/rating.json

@@ -78,7 +78,7 @@
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "worfklow-icon-size-75", "context": "Layout" },
+    { "token": "workflow-icon-size-75", "context": "Layout" },
     { "token": "workflow-icon-size-100", "context": "Layout" },
     { "token": "rating-width-small", "context": "Width" },
     { "token": "rating-width-medium", "context": "Width" },
@@ -87,7 +87,7 @@
     { "token": "corner-radius-medium-size-small", "context": "Rounding" },
     { "token": "corner-radius-medium-size-medium", "context": "Rounding" },
     { "token": "focus-indicator-thickness", "context": "Focus ring" },
-    { "token": "focus-indicator-grap", "context": "Focus ring" },
+    { "token": "focus-indicator-gap", "context": "Focus ring" },
     {
       "token": "rating-top-to-content-area-small",
       "context": "Spacing (padding)"

package/components/search-field.json

@@ -136,7 +136,6 @@
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "in-field", "context": "Components" },
     {
       "token": "search-field-minimum-width-multiplier",
       "context": "Width (minimum)"

package/components/segmented-text-field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/segmented-text-field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "segmented-text-field",
+  "displayName": "Segmented text field",
+  "description": "A text field split into discrete segments, such as for structured input.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/page/segmented-text-field/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}