@adobe/spectrum-design-data 2.0.0 → 2.2.0

package/components/status-light.json

@@ -48,44 +48,100 @@
     }
   ],
   "options": {
-    "label": { "type": "string" },
+    "label": {
+      "type": "string"
+    },
     "variant": {
       "type": "string",
       "default": "informative",
       "values": [
-        { "value": "informative" },
-        { "value": "neutral" },
-        { "value": "positive" },
-        { "value": "notice" },
-        { "value": "negative" },
-        { "value": "indigo" },
-        { "value": "celery" },
-        { "value": "chartreuse" },
-        { "value": "yellow" },
-        { "value": "magenta" },
-        { "value": "fuchsia" },
-        { "value": "purple" },
-        { "value": "seafoam" },
-        { "value": "pink" },
-        { "value": "turquoise" },
-        { "value": "cinnamon" },
-        { "value": "brown" },
-        { "value": "silver" },
-        { "value": "gray" },
-        { "value": "red" },
-        { "value": "orange" },
-        { "value": "green" },
-        { "value": "cyan" }
+        {
+          "value": "informative"
+        },
+        {
+          "value": "neutral"
+        },
+        {
+          "value": "positive"
+        },
+        {
+          "value": "notice"
+        },
+        {
+          "value": "negative"
+        },
+        {
+          "value": "indigo"
+        },
+        {
+          "value": "celery"
+        },
+        {
+          "value": "chartreuse"
+        },
+        {
+          "value": "yellow"
+        },
+        {
+          "value": "magenta"
+        },
+        {
+          "value": "fuchsia"
+        },
+        {
+          "value": "purple"
+        },
+        {
+          "value": "seafoam"
+        },
+        {
+          "value": "pink"
+        },
+        {
+          "value": "turquoise"
+        },
+        {
+          "value": "cinnamon"
+        },
+        {
+          "value": "brown"
+        },
+        {
+          "value": "silver"
+        },
+        {
+          "value": "gray"
+        },
+        {
+          "value": "red"
+        },
+        {
+          "value": "orange"
+        },
+        {
+          "value": "green"
+        },
+        {
+          "value": "cyan"
+        }
       ]
     },
     "size": {
       "type": "string",
       "default": "m",
       "values": [
-        { "value": "s" },
-        { "value": "m" },
-        { "value": "l" },
-        { "value": "xl" }
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
       ]
     }
   },
@@ -106,112 +162,14 @@
       "name": "visual-300",
       "description": "Severity dot, 300 size variant."
     },
-    { "name": "dot" }
-  ],
-  "lifecycle": { "introduced": "1.0.0-draft" },
-  "tokenBindings": [
-    { "token": "component-height-75", "context": "Height" },
-    { "token": "component-height-100", "context": "Height" },
-    { "token": "component-height-200", "context": "Height" },
-    { "token": "component-height-300", "context": "Height" },
-    { "token": "status-light-dot-size-small", "context": "Dot size" },
-    { "token": "status-light-dot-size-medium", "context": "Dot size" },
-    { "token": "status-light-dot-size-large", "context": "Dot size" },
-    { "token": "status-light-dot-size-extra-large", "context": "Dot size" },
-    {
-      "token": "status-light-text-to-visual-75",
-      "context": "Spacing (dot to label) "
-    },
-    {
-      "token": "status-light-text-to-visual-100",
-      "context": "Spacing (dot to label) "
-    },
-    {
-      "token": "status-light-text-to-visual-200",
-      "context": "Spacing (dot to label) "
-    },
-    {
-      "token": "status-light-text-to-visual-300",
-      "context": "Spacing (dot to label) "
-    },
-    {
-      "token": "status-light-top-to-dot-small",
-      "context": "Spacing (top edge to dot) "
-    },
-    {
-      "token": "status-light-top-to-dot-medium",
-      "context": "Spacing (top edge to dot) "
-    },
-    {
-      "token": "status-light-top-to-dot-large",
-      "context": "Spacing (top edge to dot) "
-    },
-    {
-      "token": "status-light-top-to-dot-extra-large",
-      "context": "Spacing (top edge to dot) "
-    },
     {
-      "token": "component-top-to-text-75",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-top-to-text-100",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-top-to-text-200",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-top-to-text-300",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-bottom-to-text-75",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-bottom-to-text-100",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-bottom-to-text-200",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    {
-      "token": "component-bottom-to-text-300",
-      "context": "Spacing (top/bottom edge to label)"
-    },
-    { "token": "default-font-family", "context": "Label" },
-    { "token": "regular-font-weight", "context": "Label" },
-    { "token": "default-font-style", "context": "Label" },
-    { "token": "font-size-75", "context": "Label" },
-    { "token": "font-size-100", "context": "Label" },
-    { "token": "font-size-200", "context": "Label" },
-    { "token": "font-size-300", "context": "Label" },
-    { "token": "line-height-100", "context": "Label" },
-    { "token": "cjk-line-height-100", "context": "Label" },
-    { "token": "informative-visual-color", "context": "Semantic (Dot) " },
-    { "token": "neutral-visual-color", "context": "Semantic (Dot) " },
-    { "token": "positive-visual-color", "context": "Semantic (Dot) " },
-    { "token": "notice-visual-color", "context": "Semantic (Dot) " },
-    { "token": "negative-visual-color", "context": "Semantic (Dot) " },
-    { "token": "celery-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "chartreuse-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "cyan-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "fuchsia-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "purple-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "magenta-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "indigo-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "seafoam-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "yellow-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "pink-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "turquoise-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "cinnamon-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "brown-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "silver-visual-color", "context": "Non-semantic (Dot)  " },
-    { "token": "gray-600", "context": "Label" },
-    { "token": "neutral-content-color-default", "context": "Label" }
+      "name": "dot"
+    }
   ],
-  "accessibility": { "focusable": false }
+  "lifecycle": {
+    "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/steplist.json

@@ -51,7 +51,14 @@
     "orientation": {
       "type": "string",
       "default": "horizontal",
-      "values": [{ "value": "horizontal" }, { "value": "vertical" }]
+      "values": [
+        {
+          "value": "horizontal"
+        },
+        {
+          "value": "vertical"
+        }
+      ]
     },
     "items": {
       "type": "array",
@@ -93,125 +100,28 @@
       "name": "track-size",
       "description": "The connecting track between steps."
     },
-    { "name": "track" }
-  ],
-  "lifecycle": { "introduced": "1.0.0-draft" },
-  "tokenBindings": [
-    {
-      "token": "steplist-step-default-width-small",
-      "context": "Width small (default)"
-    },
-    {
-      "token": "steplist-step-default-width-medium",
-      "context": "Width small (default)"
-    },
-    {
-      "token": "steplist-step-default-width-large",
-      "context": "Width small (default)"
-    },
-    {
-      "token": "steplist-step-default-width-extra-large",
-      "context": "Width small (default)"
-    },
-    {
-      "token": "steplist-step-default-height-small",
-      "context": "Height small (default)"
-    },
-    {
-      "token": "steplist-step-default-height-medium",
-      "context": "Height small (default)"
-    },
-    {
-      "token": "steplist-step-default-height-large",
-      "context": "Height small (default)"
-    },
-    {
-      "token": "steplist-step-default-height-extra-large",
-      "context": "Height small (default)"
-    },
-    {
-      "token": "steplist-step-to-track-size-small",
-      "context": "Spacing (step to track)"
-    },
     {
-      "token": "steplist-step-to-track-size-medium",
-      "context": "Spacing (step to track)"
-    },
-    {
-      "token": "steplist-step-to-track-size-large",
-      "context": "Spacing (step to track)"
-    },
-    {
-      "token": "steplist-step-to-track-size-extra-large",
-      "context": "Spacing (step to track)"
-    },
-    { "token": "steplist-bottom-to-text", "context": "Text adjustment" },
-    { "token": "border-width-200", "context": "Visual border" },
-    { "token": "text-to-visual-75", "context": "Spacing (text to visual)" },
-    { "token": "text-to-visual-100", "context": "Spacing (text to visual)" },
-    { "token": "text-to-visual-200", "context": "Spacing (text to visual)" },
-    { "token": "text-to-visual-300", "context": "Spacing (text to visual)" },
-    { "token": "steplist-visual-size-small", "context": "Visual size" },
-    { "token": "steplist-visual-size-medium", "context": "Visual size" },
-    { "token": "steplist-visual-size-large", "context": "Visual size" },
-    { "token": "steplist-visual-size-extra-large", "context": "Visual size" },
-    {
-      "token": "steplist-track-thickness-medium",
-      "context": "Steplist track thickness"
-    },
-    {
-      "token": "neutral-subdued-content-color-default",
-      "context": "Step text"
-    },
-    { "token": "neutral-subdued-content-color-hover", "context": "Step text" },
-    {
-      "token": "neutral-subdued-content-color-key-focus",
-      "context": "Step text"
-    },
-    { "token": "neutral-content-color-default", "context": "Step text" },
-    { "token": "neutral-content-color-key-focus", "context": "Step text" },
-    { "token": "accent-content-color-default", "context": "Step text" },
-    { "token": "accent-content-color-key-focus", "context": "Step text" },
-    {
-      "token": "neutral-subdued-background-color-default",
-      "context": "Step visual"
-    },
-    {
-      "token": "neutral-subdued-background-color-hover",
-      "context": "Step visual"
-    },
-    {
-      "token": "neutral-subdued-background-color-key-focus",
-      "context": "Step visual"
-    },
-    { "token": "neutral-background-color-default", "context": "Step visual" },
-    { "token": "neutral-background-color-key-focus", "context": "Step visual" },
-    { "token": "neutral-visual-color", "context": "Step visual" },
-    { "token": "accent-background-color-default", "context": "Step visual" },
-    { "token": "accent-background-color-key-focus", "context": "Step visual" },
-    { "token": "accent-background-color-hover", "context": "Step visual" },
-    { "token": "gray-25", "context": "Step visual text" },
-    { "token": "white", "context": "Step visual text" },
-    { "token": "accent-visual-color", "context": "Steplist track" },
-    { "token": "disabled-content-color", "context": "Disabled" },
-    { "token": "disabled-background-color", "context": "Disabled" },
-    { "token": "default-font-family", "context": "Label" },
-    { "token": "regular-font-weight", "context": "Label" },
-    { "token": "default-font-style", "context": "Label" },
-    { "token": "font-size-75", "context": "Label" },
-    { "token": "font-size-100", "context": "Label" },
-    { "token": "font-size-200", "context": "Label" },
-    { "token": "font-size-300", "context": "Label" },
-    { "token": "line-height-100", "context": "Label" },
-    { "token": "cjk-line-height-100", "context": "Label" }
+      "name": "track"
+    }
   ],
+  "lifecycle": {
+    "introduced": "1.0.0-draft"
+  },
   "accessibility": {
     "intents": ["navigate"],
     "focusable": true,
     "keyboardIntents": ["navigate-items", "activate"],
     "wcag": [
-      { "criterion": "2.1.1", "level": "A", "title": "Keyboard" },
-      { "criterion": "4.1.2", "level": "A", "title": "Name, Role, Value" }
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
     ]
   }
 }

package/components/swatch-group.json

@@ -40,27 +40,51 @@
       "type": "string",
       "default": "m",
       "values": [
-        { "value": "xs" },
-        { "value": "s" },
-        { "value": "m" },
-        { "value": "l" }
+        {
+          "value": "xs"
+        },
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        }
       ]
     },
     "density": {
       "type": "string",
       "default": "regular",
       "values": [
-        { "value": "compact" },
-        { "value": "regular" },
-        { "value": "spacious" }
+        {
+          "value": "compact"
+        },
+        {
+          "value": "regular"
+        },
+        {
+          "value": "spacious"
+        }
       ]
     },
-    "enableSelection": { "type": "boolean", "default": false },
+    "enableSelection": {
+      "type": "boolean",
+      "default": false
+    },
     "selectionMode": {
       "type": "string",
       "description": "Only applicable if selection is enabled.",
       "default": "single",
-      "values": [{ "value": "single" }, { "value": "multiple" }]
+      "values": [
+        {
+          "value": "single"
+        },
+        {
+          "value": "multiple"
+        }
+      ]
     },
     "allowsEmptySelection": {
       "type": "boolean",
@@ -72,27 +96,31 @@
       "default": "none",
       "description": "Determines the corner radius of each swatch in the group. Partial refers to corner-radius-75.",
       "values": [
-        { "value": "none" },
-        { "value": "full" },
-        { "value": "partial" }
+        {
+          "value": "none"
+        },
+        {
+          "value": "full"
+        },
+        {
+          "value": "partial"
+        }
       ]
     }
   },
-  "lifecycle": { "introduced": "1.0.0-draft" },
-  "tokenBindings": [
-    {
-      "token": "swatch-group-spacing-spacious",
-      "context": "Spacing (spacious)"
-    },
-    { "token": "swatch-group-border-color", "context": "Border" },
-    { "token": "swatch-group-border-opacity", "context": "Border" }
-  ],
+  "lifecycle": {
+    "introduced": "1.0.0-draft"
+  },
   "accessibility": {
     "role": "group",
     "intents": ["choose"],
     "focusable": false,
     "wcag": [
-      { "criterion": "4.1.2", "level": "A", "title": "Name, Role, Value" }
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
     ]
   }
 }