@adobe/design-data-spec 0.14.0 → 1.0.0

package/components/accordion.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"
+        }
+      ]
     },
     "isQuiet": {
       "type": "boolean",
@@ -25,8 +38,18 @@
     },
     "density": {
       "type": "string",
-      "enum": ["compact", "regular", "spacious"],
-      "default": "regular"
+      "default": "regular",
+      "values": [
+        {
+          "value": "compact"
+        },
+        {
+          "value": "regular"
+        },
+        {
+          "value": "spacious"
+        }
+      ]
     },
     "items": {
       "type": "array",

package/components/action-button.json

@@ -23,8 +23,24 @@
     },
     "size": {
       "type": "string",
-      "enum": ["xs", "s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "xs"
+        },
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "isQuiet": {
       "type": "boolean",
@@ -40,8 +56,15 @@
     },
     "staticColor": {
       "type": "string",
-      "enum": ["white", "black"],
-      "description": "Static color must not be set for the default version of this component."
+      "description": "Static color must not be set for the default version of this component.",
+      "values": [
+        {
+          "value": "white"
+        },
+        {
+          "value": "black"
+        }
+      ]
     },
     "selectedTextColor": {
       "$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/hex-color.json"

package/components/action-group.json

@@ -12,18 +12,45 @@
   "options": {
     "orientation": {
       "type": "string",
-      "enum": ["horizontal", "vertical"],
-      "default": "horizontal"
+      "default": "horizontal",
+      "values": [
+        {
+          "value": "horizontal"
+        },
+        {
+          "value": "vertical"
+        }
+      ]
     },
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "density": {
       "type": "string",
-      "enum": ["regular", "compact"],
-      "default": "regular"
+      "default": "regular",
+      "values": [
+        {
+          "value": "regular"
+        },
+        {
+          "value": "compact"
+        }
+      ]
     },
     "isJustified": {
       "type": "boolean",
@@ -43,9 +70,16 @@
     },
     "selectionMode": {
       "type": "string",
-      "enum": ["single", "multiple"],
       "default": "single",
-      "description": "Only applicable if selection is enabled"
+      "description": "Only applicable if selection is enabled",
+      "values": [
+        {
+          "value": "single"
+        },
+        {
+          "value": "multiple"
+        }
+      ]
     },
     "allowsEmptySelection": {
       "type": "boolean",
@@ -54,8 +88,15 @@
     },
     "overflowMode": {
       "type": "string",
-      "enum": ["wrap", "collapse"],
-      "default": "wrap"
+      "default": "wrap",
+      "values": [
+        {
+          "value": "wrap"
+        },
+        {
+          "value": "collapse"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",

package/components/alert-banner.json

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

package/components/alert-dialog.json

@@ -18,14 +18,24 @@
     },
     "variant": {
       "type": "string",
-      "enum": [
-        "confirmation",
-        "information",
-        "warning",
-        "destructive",
-        "error"
-      ],
-      "default": "confirmation"
+      "default": "confirmation",
+      "values": [
+        {
+          "value": "confirmation"
+        },
+        {
+          "value": "information"
+        },
+        {
+          "value": "warning"
+        },
+        {
+          "value": "destructive"
+        },
+        {
+          "value": "error"
+        }
+      ]
     },
     "primaryActionLabel": {
       "type": "string"

package/components/avatar-group.json

@@ -16,8 +16,30 @@
     },
     "size": {
       "type": "number",
-      "enum": [50, 75, 100, 200, 300, 400, 500],
-      "default": 100
+      "default": 100,
+      "values": [
+        {
+          "value": 50
+        },
+        {
+          "value": 75
+        },
+        {
+          "value": 100
+        },
+        {
+          "value": 200
+        },
+        {
+          "value": 300
+        },
+        {
+          "value": 400
+        },
+        {
+          "value": 500
+        }
+      ]
     }
   },
   "lifecycle": {

package/components/avatar.json

@@ -12,22 +12,81 @@
   "options": {
     "size": {
       "type": "number",
-      "enum": [
-        50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200,
-        1300, 1400, 1500
-      ],
-      "default": 500
+      "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
+        }
+      ]
     },
     "image": {
       "type": "string",
-      "enum": [
-        "user image",
-        "gradient image",
-        "gradient",
-        "guest image",
-        "initials"
-      ],
-      "default": "user image"
+      "default": "user image",
+      "values": [
+        {
+          "value": "user image"
+        },
+        {
+          "value": "gradient image"
+        },
+        {
+          "value": "gradient"
+        },
+        {
+          "value": "guest image"
+        },
+        {
+          "value": "initials"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",

package/components/badge.json

@@ -19,42 +19,118 @@
     },
     "variant": {
       "type": "string",
-      "enum": [
-        "neutral",
-        "info",
-        "positive",
-        "negative",
-        "indigo",
-        "yellow",
-        "magenta",
-        "fuchsia",
-        "purple",
-        "seafoam",
-        "accent",
-        "notice",
-        "gray",
-        "red",
-        "orange",
-        "chartreuse",
-        "celery",
-        "green",
-        "cyan",
-        "blue",
-        "pink",
-        "turquoise",
-        "brown",
-        "cinnamon",
-        "silver"
+      "values": [
+        {
+          "value": "neutral"
+        },
+        {
+          "value": "info"
+        },
+        {
+          "value": "positive"
+        },
+        {
+          "value": "negative"
+        },
+        {
+          "value": "indigo"
+        },
+        {
+          "value": "yellow"
+        },
+        {
+          "value": "magenta"
+        },
+        {
+          "value": "fuchsia"
+        },
+        {
+          "value": "purple"
+        },
+        {
+          "value": "seafoam"
+        },
+        {
+          "value": "accent"
+        },
+        {
+          "value": "notice"
+        },
+        {
+          "value": "gray"
+        },
+        {
+          "value": "red"
+        },
+        {
+          "value": "orange"
+        },
+        {
+          "value": "chartreuse"
+        },
+        {
+          "value": "celery"
+        },
+        {
+          "value": "green"
+        },
+        {
+          "value": "cyan"
+        },
+        {
+          "value": "blue"
+        },
+        {
+          "value": "pink"
+        },
+        {
+          "value": "turquoise"
+        },
+        {
+          "value": "brown"
+        },
+        {
+          "value": "cinnamon"
+        },
+        {
+          "value": "silver"
+        }
       ]
     },
     "style": {
       "type": "string",
-      "enum": ["bold", "subtle", "outline"]
+      "values": [
+        {
+          "value": "bold"
+        },
+        {
+          "value": "subtle"
+        },
+        {
+          "value": "outline"
+        }
+      ]
     },
     "fixed": {
       "type": "string",
-      "enum": ["none", "top", "right", "bottom", "left"],
-      "default": "none"
+      "default": "none",
+      "values": [
+        {
+          "value": "none"
+        },
+        {
+          "value": "top"
+        },
+        {
+          "value": "right"
+        },
+        {
+          "value": "bottom"
+        },
+        {
+          "value": "left"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",
@@ -63,8 +139,21 @@
     "size": {
       "type": "string",
       "pattern": "^(x?s|m|x{0,3}l)$",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "s"
+      "default": "s",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     }
   },
   "lifecycle": {

package/components/body.json

@@ -19,8 +19,30 @@
     "size": {
       "type": "string",
       "pattern": "^(x?s|m|x{0,3}l)$",
-      "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/bottom-navigation-android.json

@@ -15,16 +15,30 @@
     },
     "labelPosition": {
       "type": "string",
-      "enum": ["bottom", "side"],
-      "default": "bottom"
+      "default": "bottom",
+      "values": [
+        {
+          "value": "bottom"
+        },
+        {
+          "value": "side"
+        }
+      ]
     },
     "icon": {
       "$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/workflow-icon.json"
     },
     "background": {
       "type": "string",
-      "enum": ["primary", "secondary"],
-      "default": "primary"
+      "default": "primary",
+      "values": [
+        {
+          "value": "primary"
+        },
+        {
+          "value": "secondary"
+        }
+      ]
     },
     "hasBadge": {
       "type": "boolean",

package/components/breadcrumbs.json

@@ -4,7 +4,7 @@
   "specVersion": "1.0.0-draft",
   "name": "breadcrumbs",
   "displayName": "Breadcrumbs",
-  "description": "Breadcrumbs show hierarchy and navigational context for a user\u2019s location within an app.",
+  "description": "Breadcrumbs show hierarchy and navigational context for a user’s location within an app.",
   "meta": {
     "category": "navigation",
     "documentationUrl": "https://spectrum.adobe.com/page/breadcrumbs/"
@@ -17,9 +17,16 @@
     },
     "size": {
       "type": "string",
-      "enum": ["m", "l"],
       "default": "m",
-      "description": "Controls the overall size of the breadcrumb component."
+      "description": "Controls the overall size of the breadcrumb component.",
+      "values": [
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        }
+      ]
     },
     "items": {
       "type": "array",
@@ -50,9 +57,16 @@
     },
     "separator": {
       "type": "string",
-      "enum": ["chevron", "none"],
       "default": "chevron",
-      "description": "The separator icon used between breadcrumb items."
+      "description": "The separator icon used between breadcrumb items.",
+      "values": [
+        {
+          "value": "chevron"
+        },
+        {
+          "value": "none"
+        }
+      ]
     },
     "isTruncated": {
       "type": "boolean",
@@ -61,8 +75,21 @@
     },
     "sizeOverride": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "description": "Overrides the size of the breadcrumb items when isMultiline is true."
+      "description": "Overrides the size of the breadcrumb items when isMultiline is true.",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     }
   },
   "states": [