@adobe/spectrum-design-data 2.0.0 → 2.2.0

package/components/alert-dialog.json

@@ -60,20 +60,36 @@
     }
   ],
   "options": {
-    "title": { "type": "string" },
-    "description": { "type": "string" },
+    "title": {
+      "type": "string"
+    },
+    "description": {
+      "type": "string"
+    },
     "variant": {
       "type": "string",
       "default": "confirmation",
       "values": [
-        { "value": "confirmation" },
-        { "value": "information" },
-        { "value": "warning" },
-        { "value": "destructive" },
-        { "value": "error" }
+        {
+          "value": "confirmation"
+        },
+        {
+          "value": "information"
+        },
+        {
+          "value": "warning"
+        },
+        {
+          "value": "destructive"
+        },
+        {
+          "value": "error"
+        }
       ]
     },
-    "primaryActionLabel": { "type": "string" },
+    "primaryActionLabel": {
+      "type": "string"
+    },
     "secondaryActionLabel": {
       "type": "string",
       "description": "If undefined, this button does not appear."
@@ -84,49 +100,25 @@
       "description": "If undefined, this button does not appear."
     }
   },
-  "lifecycle": { "introduced": "1.0.0-draft" },
-  "tokenBindings": [
-    { "token": "heading-sans-serif-font-family", "context": "Title" },
-    { "token": "heading-sans-serif-font-weight", "context": "Title" },
-    { "token": "heading-sans-serif-font-style", "context": "Title" },
-    { "token": "alert-dialog-title-font-size", "context": "Title" },
-    { "token": "heading-line-height", "context": "Title" },
-    { "token": "heading-color", "context": "Title" },
-    { "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-description-font-size", "context": "Description" },
-    { "token": "line-height-200", "context": "Description" },
-    { "token": "body-color", "context": "Description" },
-    { "token": "alert-dialog-maximum-width", "context": "Maximum width" },
-    { "token": "alert-dialog-minimum-width", "context": "Minimum width" },
-    { "token": "corner-radius-extra-large-default", "context": "Rounding" },
-    { "token": "spacing-500", "context": "Spacing (edge to content)" },
-    { "token": "spacing-400", "context": "Spacing (edge to content)" },
-    {
-      "token": "alert-dialog-top-to-alert-icon",
-      "context": "Icon asset (error and warning variants)"
-    },
-    { "token": "spacing-300", "context": "Spacing (title to description)" },
-    {
-      "token": "workflow-icon-size-100",
-      "context": "Icon (error and warning variants)"
-    },
-    { "token": "spacing-100", "context": "Minimum spacing (title to icon)" },
-    { "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)" },
-    { "token": "negative-visual-color", "context": "Icon (error variant)" }
-  ],
+  "lifecycle": {
+    "introduced": "1.0.0-draft"
+  },
   "accessibility": {
     "role": "dialog",
     "intents": ["dismiss"],
     "focusable": false,
     "keyboardIntents": ["dismiss"],
     "wcag": [
-      { "criterion": "2.4.3", "level": "A", "title": "Focus Order" },
-      { "criterion": "4.1.2", "level": "A", "title": "Name, Role, Value" }
+      {
+        "criterion": "2.4.3",
+        "level": "A",
+        "title": "Focus Order"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
     ]
   }
 }

package/components/avatar-group.json

@@ -48,61 +48,35 @@
       "type": "number",
       "default": 100,
       "values": [
-        { "value": 50 },
-        { "value": 75 },
-        { "value": 100 },
-        { "value": 200 },
-        { "value": 300 },
-        { "value": 400 },
-        { "value": 500 }
+        {
+          "value": 50
+        },
+        {
+          "value": 75
+        },
+        {
+          "value": 100
+        },
+        {
+          "value": 200
+        },
+        {
+          "value": 300
+        },
+        {
+          "value": 400
+        },
+        {
+          "value": 500
+        }
       ]
     }
   },
-  "lifecycle": { "introduced": "1.0.0-draft" },
-  "tokenBindings": [
-    { "token": "avatar-group-size-50", "context": "Size" },
-    { "token": "avatar-group-size-75", "context": "Size" },
-    { "token": "avatar-group-size-100", "context": "Size" },
-    { "token": "avatar-group-size-200", "context": "Size" },
-    { "token": "avatar-group-size-300", "context": "Size" },
-    { "token": "avatar-group-size-400", "context": "Size" },
-    { "token": "avatar-group-size-500", "context": "Size" },
-    { "token": "spacing-100", "context": "Spacing (avatar group to label)" },
-    { "token": "avatar-to-avatar-50", "context": "Spacing (avatar to avatar)" },
-    { "token": "avatar-to-avatar-75", "context": "Spacing (avatar to avatar)" },
-    {
-      "token": "avatar-to-avatar-100",
-      "context": "Spacing (avatar to avatar)"
-    },
-    {
-      "token": "avatar-to-avatar-200",
-      "context": "Spacing (avatar to avatar)"
-    },
-    {
-      "token": "avatar-to-avatar-300",
-      "context": "Spacing (avatar to avatar)"
-    },
-    {
-      "token": "avatar-to-avatar-400",
-      "context": "Spacing (avatar to avatar)"
-    },
-    {
-      "token": "avatar-to-avatar-500",
-      "context": "Spacing (avatar to avatar)"
-    },
-    { "token": "default-font-family", "context": "Layout" },
-    { "token": "regular-font-weight", "context": "Layout" },
-    { "token": "default-font-style", "context": "Layout" },
-    { "token": "font-size-50", "context": "Layout" },
-    { "token": "font-size-75", "context": "Layout" },
-    { "token": "font-size-100", "context": "Layout" },
-    { "token": "font-size-200", "context": "Layout" },
-    { "token": "font-size-300", "context": "Layout" },
-    { "token": "font-size-400", "context": "Layout" },
-    { "token": "font-size-500", "context": "Layout" },
-    { "token": "font-size-600", "context": "Layout" },
-    { "token": "line-height-100", "context": "Layout" },
-    { "token": "cjk-line-height-100", "context": "Layout" }
-  ],
-  "accessibility": { "role": "group", "focusable": false }
+  "lifecycle": {
+    "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "role": "group",
+    "focusable": false
+  }
 }

package/components/avatar.json

@@ -56,74 +56,107 @@
       "type": "number",
       "default": 500,
       "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 },
-        { "value": 1100 },
-        { "value": 1200 },
-        { "value": 1300 },
-        { "value": 1400 },
-        { "value": 1500 }
+        {
+          "value": 50
+        },
+        {
+          "value": 75
+        },
+        {
+          "value": 100
+        },
+        {
+          "value": 200
+        },
+        {
+          "value": 300
+        },
+        {
+          "value": 400
+        },
+        {
+          "value": 500
+        },
+        {
+          "value": 600
+        },
+        {
+          "value": 700
+        },
+        {
+          "value": 800
+        },
+        {
+          "value": 900
+        },
+        {
+          "value": 1000
+        },
+        {
+          "value": 1100
+        },
+        {
+          "value": 1200
+        },
+        {
+          "value": 1300
+        },
+        {
+          "value": 1400
+        },
+        {
+          "value": 1500
+        }
       ]
     },
     "image": {
       "type": "string",
       "default": "user image",
       "values": [
-        { "value": "user image" },
-        { "value": "gradient image" },
-        { "value": "gradient" },
-        { "value": "guest image" },
-        { "value": "initials" }
+        {
+          "value": "user image"
+        },
+        {
+          "value": "gradient image"
+        },
+        {
+          "value": "gradient"
+        },
+        {
+          "value": "guest image"
+        },
+        {
+          "value": "initials"
+        }
       ]
     },
-    "isDisabled": { "type": "boolean", "default": false },
-    "showStroke": { "type": "boolean", "default": false }
+    "isDisabled": {
+      "type": "boolean",
+      "default": false
+    },
+    "showStroke": {
+      "type": "boolean",
+      "default": false
+    }
   },
   "states": [
-    { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" },
-    { "name": "disabled", "trigger": "prop" }
-  ],
-  "lifecycle": { "introduced": "1.0.0-draft" },
-  "tokenBindings": [
-    { "token": "avatar-size-50", "context": "Size" },
-    { "token": "avatar-size-75", "context": "Size" },
-    { "token": "avatar-size-100", "context": "Size" },
-    { "token": "avatar-size-200", "context": "Size" },
-    { "token": "avatar-size-300", "context": "Size" },
-    { "token": "avatar-size-400", "context": "Size" },
-    { "token": "avatar-size-500", "context": "Size" },
-    { "token": "avatar-size-600", "context": "Size" },
-    { "token": "avatar-size-700", "context": "Size" },
-    { "token": "avatar-size-800", "context": "Size" },
-    { "token": "avatar-size-900", "context": "Size" },
-    { "token": "avatar-size-1000", "context": "Size" },
-    { "token": "avatar-size-1100", "context": "Size" },
-    { "token": "avatar-size-1200", "context": "Size" },
-    { "token": "avatar-size-1300", "context": "Size" },
-    { "token": "avatar-size-1400", "context": "Size" },
-    { "token": "avatar-size-1500", "context": "Size" },
-    { "token": "avatar-border-width", "context": "Border" },
-    { "token": "focus-indicator-thickness", "context": "Focus indicator" },
-    { "token": "focus-indicator-gap", "context": "Focus indicator" },
-    { "token": "gradient-stop-1-avatar", "context": "0% " },
-    { "token": "gradient-stop-2-avatar", "context": "66% " },
-    { "token": "gradient-stop-3-avatar", "context": "100% " },
-    { "token": "default-font-family", "context": "Text (List view item)" },
-    { "token": "extra-bold-font-weight", "context": "Text (List view item)" },
-    { "token": "default-font-style", "context": "Text (List view item)" },
-    { "token": "font-size-100", "context": "Text (List view item)" },
-    { "token": "line-height-100", "context": "Text (List view item)" }
+    {
+      "name": "down",
+      "trigger": "interaction"
+    },
+    {
+      "name": "keyboard-focus",
+      "trigger": "interaction"
+    },
+    {
+      "name": "disabled",
+      "trigger": "prop"
+    }
   ],
-  "accessibility": { "focusable": false }
+  "lifecycle": {
+    "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "focusable": false
+  }
 }