@adobe/design-data-spec 0.14.0 → 1.0.0

package/components/text-field.json

@@ -16,7 +16,14 @@
     "labelPosition": {
       "type": "string",
       "default": "top",
-      "enum": ["top", "side"]
+      "values": [
+        {
+          "value": "top"
+        },
+        {
+          "value": "side"
+        }
+      ]
     },
     "hideLabel": {
       "type": "boolean",
@@ -31,13 +38,33 @@
     },
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "necessityIndicator": {
       "type": "string",
-      "enum": ["text", "icon"],
-      "default": "icon"
+      "default": "icon",
+      "values": [
+        {
+          "value": "text"
+        },
+        {
+          "value": "icon"
+        }
+      ]
     },
     "isRequired": {
       "type": "boolean",

package/components/thumbnail.json

@@ -12,7 +12,44 @@
   "options": {
     "size": {
       "type": "number",
-      "enum": [50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000]
+      "values": [
+        {
+          "value": 50
+        },
+        {
+          "value": 75
+        },
+        {
+          "value": 100
+        },
+        {
+          "value": 200
+        },
+        {
+          "value": 300
+        },
+        {
+          "value": 400
+        },
+        {
+          "value": 500
+        },
+        {
+          "value": 600
+        },
+        {
+          "value": 700
+        },
+        {
+          "value": 800
+        },
+        {
+          "value": 900
+        },
+        {
+          "value": 1000
+        }
+      ]
     }
   },
   "states": [

package/components/title.json

@@ -18,8 +18,30 @@
     },
     "size": {
       "type": "string",
-      "enum": ["xs", "s", "m", "l", "xl", "xxl", "xxxl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "xs"
+        },
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        },
+        {
+          "value": "xxl"
+        },
+        {
+          "value": "xxxl"
+        }
+      ]
     }
   },
   "lifecycle": {

package/components/toast.json

@@ -15,8 +15,21 @@
     },
     "variant": {
       "type": "string",
-      "enum": ["neutral", "informative", "positive", "negative"],
-      "default": "neutral"
+      "default": "neutral",
+      "values": [
+        {
+          "value": "neutral"
+        },
+        {
+          "value": "informative"
+        },
+        {
+          "value": "positive"
+        },
+        {
+          "value": "negative"
+        }
+      ]
     },
     "actionLabel": {
       "type": "string",

package/components/tooltip.json

@@ -15,8 +15,18 @@
     },
     "variant": {
       "type": "string",
-      "enum": ["neutral", "informative", "negative"],
-      "default": "neutral"
+      "default": "neutral",
+      "values": [
+        {
+          "value": "neutral"
+        },
+        {
+          "value": "informative"
+        },
+        {
+          "value": "negative"
+        }
+      ]
     },
     "hasIcon": {
       "type": "boolean",
@@ -30,8 +40,21 @@
     },
     "placement": {
       "type": "string",
-      "enum": ["top", "bottom", "left", "right"],
-      "default": "top"
+      "default": "top",
+      "values": [
+        {
+          "value": "top"
+        },
+        {
+          "value": "bottom"
+        },
+        {
+          "value": "left"
+        },
+        {
+          "value": "right"
+        }
+      ]
     },
     "shouldFlip": {
       "type": "boolean",

package/components/tree-view.json

@@ -12,8 +12,21 @@
   "options": {
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "isDetached": {
       "type": "boolean",
@@ -29,18 +42,39 @@
     },
     "selectionMode": {
       "type": "string",
-      "enum": ["single", "multiple"],
-      "default": "multiple"
+      "default": "multiple",
+      "values": [
+        {
+          "value": "single"
+        },
+        {
+          "value": "multiple"
+        }
+      ]
     },
     "selectionStyle": {
       "type": "string",
-      "enum": ["checkbox", "highlight"],
-      "default": "checkbox"
+      "default": "checkbox",
+      "values": [
+        {
+          "value": "checkbox"
+        },
+        {
+          "value": "highlight"
+        }
+      ]
     },
     "selectionBehavior": {
       "type": "string",
-      "enum": ["toggle", "replace"],
-      "default": "toggle"
+      "default": "toggle",
+      "values": [
+        {
+          "value": "toggle"
+        },
+        {
+          "value": "replace"
+        }
+      ]
     }
   },
   "states": [

package/conformance/invalid/SPEC-019/dataset.json

@@ -21,7 +21,20 @@
       "options": {
         "variant": {
           "type": "string",
-          "enum": ["accent", "negative", "primary", "secondary"]
+          "values": [
+            {
+              "value": "accent"
+            },
+            {
+              "value": "negative"
+            },
+            {
+              "value": "primary"
+            },
+            {
+              "value": "secondary"
+            }
+          ]
         }
       }
     }

package/conformance/invalid/SPEC-037/dataset.json

@@ -0,0 +1,86 @@
+{
+  "tokens": [
+    {
+      "name": {
+        "component": "slider",
+        "anatomy": "handle",
+        "property": "background-color"
+      },
+      "value": "#0265dc"
+    },
+    {
+      "name": {
+        "component": "button",
+        "state": "pressed",
+        "property": "background-color"
+      },
+      "value": "#cccccc"
+    },
+    {
+      "name": {
+        "component": "button",
+        "variant": "cta",
+        "property": "background-color"
+      },
+      "value": "#0265dc"
+    }
+  ],
+  "components": [
+    {
+      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/slider.json",
+      "name": "slider",
+      "displayName": "Slider",
+      "meta": {
+        "category": "forms",
+        "documentationUrl": "https://spectrum.adobe.com/page/slider/"
+      },
+      "anatomy": [
+        {
+          "name": "handle",
+          "lifecycle": {
+            "deprecated": "1.0.0-draft",
+            "deprecatedComment": "Renamed to thumb."
+          }
+        }
+      ]
+    },
+    {
+      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/button.json",
+      "name": "button",
+      "displayName": "Button",
+      "meta": {
+        "category": "actions",
+        "documentationUrl": "https://spectrum.adobe.com/page/button/"
+      },
+      "states": [
+        {
+          "name": "pressed",
+          "lifecycle": {
+            "deprecated": "1.0.0-draft",
+            "deprecatedComment": "Use active instead."
+          }
+        }
+      ],
+      "options": {
+        "variant": {
+          "type": "string",
+          "values": [
+            {
+              "value": "primary"
+            },
+            {
+              "value": "secondary"
+            },
+            {
+              "value": "cta",
+              "lifecycle": {
+                "deprecated": "1.0.0-draft",
+                "deprecatedComment": "Use primary instead."
+              }
+            }
+          ]
+        }
+      }
+    }
+  ]
+}

package/conformance/invalid/SPEC-037/expected-errors.json

@@ -0,0 +1,20 @@
+{
+  "layer": 2,
+  "errors": [
+    {
+      "rule_id": "SPEC-037",
+      "severity": "warning",
+      "message_pattern": ".*deprecated anatomy part.*"
+    },
+    {
+      "rule_id": "SPEC-037",
+      "severity": "warning",
+      "message_pattern": ".*deprecated state.*"
+    },
+    {
+      "rule_id": "SPEC-037",
+      "severity": "warning",
+      "message_pattern": ".*deprecated option value.*"
+    }
+  ]
+}

package/conformance/invalid/SPEC-038/dataset.json

@@ -0,0 +1,20 @@
+{
+  "tokens": {},
+  "components": [
+    {
+      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/badge.json",
+      "name": "badge",
+      "displayName": "Badge",
+      "meta": {
+        "category": "status",
+        "documentationUrl": "https://spectrum.adobe.com/page/badge/"
+      },
+      "options": {
+        "variant": {
+          "type": "string",
+          "enum": ["neutral", "informative", "positive", "negative"]
+        }
+      }
+    }
+  ]
+}

package/conformance/invalid/SPEC-038/expected-errors.json

@@ -0,0 +1,10 @@
+{
+  "layer": 2,
+  "errors": [
+    {
+      "rule_id": "SPEC-038",
+      "severity": "warning",
+      "message_pattern": ".*obsolete.*enum.*"
+    }
+  ]
+}

package/conformance/valid/SPEC-037/dataset.json

@@ -0,0 +1,119 @@
+{
+  "tokens": [
+    {
+      "name": {
+        "component": "slider",
+        "anatomy": "track",
+        "property": "background-color"
+      },
+      "value": "#e0e0e0"
+    },
+    {
+      "name": {
+        "component": "slider",
+        "anatomy": "handle",
+        "property": "background-color"
+      },
+      "value": "#0265dc",
+      "deprecated": "1.0.0-draft"
+    },
+    {
+      "name": {
+        "component": "button",
+        "state": "hover",
+        "property": "background-color"
+      },
+      "value": "#eeeeee"
+    },
+    {
+      "name": {
+        "component": "button",
+        "state": "pressed",
+        "property": "background-color"
+      },
+      "value": "#cccccc",
+      "deprecated": "1.0.0-draft"
+    },
+    {
+      "name": {
+        "component": "button",
+        "variant": "primary",
+        "property": "background-color"
+      },
+      "value": "#0265dc"
+    },
+    {
+      "name": {
+        "component": "button",
+        "variant": "cta",
+        "property": "background-color"
+      },
+      "value": "#0265dc",
+      "deprecated": "1.0.0-draft"
+    }
+  ],
+  "components": [
+    {
+      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/slider.json",
+      "name": "slider",
+      "displayName": "Slider",
+      "meta": {
+        "category": "forms",
+        "documentationUrl": "https://spectrum.adobe.com/page/slider/"
+      },
+      "anatomy": [
+        {
+          "name": "track"
+        },
+        {
+          "name": "handle",
+          "lifecycle": {
+            "deprecated": "1.0.0-draft",
+            "deprecatedComment": "Renamed to thumb."
+          }
+        }
+      ]
+    },
+    {
+      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/button.json",
+      "name": "button",
+      "displayName": "Button",
+      "meta": {
+        "category": "actions",
+        "documentationUrl": "https://spectrum.adobe.com/page/button/"
+      },
+      "states": [
+        {
+          "name": "hover"
+        },
+        {
+          "name": "pressed",
+          "lifecycle": {
+            "deprecated": "1.0.0-draft",
+            "deprecatedComment": "Use active instead."
+          }
+        }
+      ],
+      "options": {
+        "variant": {
+          "type": "string",
+          "values": [
+            {
+              "value": "primary"
+            },
+            {
+              "value": "secondary"
+            },
+            {
+              "value": "cta",
+              "lifecycle": {
+                "deprecated": "1.0.0-draft",
+                "deprecatedComment": "Use primary instead."
+              }
+            }
+          ]
+        }
+      }
+    }
+  ]
+}

package/conformance/valid/SPEC-038/dataset.json

@@ -0,0 +1,29 @@
+{
+  "tokens": {},
+  "components": [
+    {
+      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/button.json",
+      "name": "button",
+      "displayName": "Button",
+      "meta": {
+        "category": "actions",
+        "documentationUrl": "https://spectrum.adobe.com/page/button/"
+      },
+      "options": {
+        "variant": {
+          "type": "string",
+          "values": [
+            { "value": "primary" },
+            { "value": "secondary" },
+            { "value": "accent" }
+          ],
+          "default": "accent"
+        },
+        "isDisabled": {
+          "type": "boolean",
+          "default": false
+        }
+      }
+    }
+  ]
+}

package/conformance/valid/component-refs/dataset.json

@@ -37,26 +37,60 @@
       "options": {
         "variant": {
           "type": "string",
-          "enum": ["accent", "negative", "primary", "secondary"]
+          "values": [
+            {
+              "value": "accent"
+            },
+            {
+              "value": "negative"
+            },
+            {
+              "value": "primary"
+            },
+            {
+              "value": "secondary"
+            }
+          ]
         }
       },
       "slots": [
-        { "name": "default", "description": "Text label of the button." },
-        { "name": "icon", "description": "Leading icon." }
+        {
+          "name": "default",
+          "description": "Text label of the button."
+        },
+        {
+          "name": "icon",
+          "description": "Leading icon."
+        }
       ],
       "anatomy": [
-        { "name": "icon", "description": "Leading icon." },
-        { "name": "label", "description": "Button text.", "required": true }
+        {
+          "name": "icon",
+          "description": "Leading icon."
+        },
+        {
+          "name": "label",
+          "description": "Button text.",
+          "required": true
+        }
       ],
       "states": [
-        { "name": "hover", "trigger": "interaction", "precedence": 50 },
+        {
+          "name": "hover",
+          "trigger": "interaction",
+          "precedence": 50
+        },
         {
           "name": "focus",
           "trigger": "interaction",
           "precedence": 60,
           "layered": true
         },
-        { "name": "disabled", "trigger": "prop", "precedence": 100 }
+        {
+          "name": "disabled",
+          "trigger": "prop",
+          "precedence": 100
+        }
       ]
     }
   ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/design-data-spec",
-  "version": "0.14.0",
+  "version": "1.0.0",
   "description": "Design Data Specification — prose, JSON Schemas, rule catalog, and conformance fixtures for Spectrum design data",
   "type": "module",
   "repository": {