@adobe/design-data-spec 0.15.0 → 1.0.0

package/components/button-group.json

@@ -13,18 +13,45 @@
     "orientation": {
       "type": "string",
       "default": "horizontal",
-      "enum": ["horizontal", "vertical"]
+      "values": [
+        {
+          "value": "horizontal"
+        },
+        {
+          "value": "vertical"
+        }
+      ]
     },
     "size": {
       "type": "string",
       "pattern": "^(x?s|m|x{0,3}l)$",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "overflowMode": {
       "type": "string",
-      "enum": ["wrap", "collapse"],
-      "default": "wrap"
+      "default": "wrap",
+      "values": [
+        {
+          "value": "wrap"
+        },
+        {
+          "value": "collapse"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",

package/components/button.json

@@ -12,19 +12,52 @@
   "options": {
     "variant": {
       "type": "string",
-      "enum": ["accent", "negative", "primary", "secondary"],
       "default": "accent",
-      "description": "Visual emphasis level."
+      "description": "Visual emphasis level.",
+      "values": [
+        {
+          "value": "accent"
+        },
+        {
+          "value": "negative"
+        },
+        {
+          "value": "primary"
+        },
+        {
+          "value": "secondary"
+        }
+      ]
     },
     "style": {
       "type": "string",
-      "enum": ["fill", "outline"],
-      "default": "fill"
+      "default": "fill",
+      "values": [
+        {
+          "value": "fill"
+        },
+        {
+          "value": "outline"
+        }
+      ]
     },
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",
@@ -44,8 +77,15 @@
     },
     "staticColor": {
       "type": "string",
-      "enum": ["white", "black"],
-      "description": "Static color for use on colored backgrounds."
+      "description": "Static color for use on colored backgrounds.",
+      "values": [
+        {
+          "value": "white"
+        },
+        {
+          "value": "black"
+        }
+      ]
     }
   },
   "slots": [
@@ -478,7 +518,7 @@
     },
     {
       "token": "static-white-focus-indicator-color",
-      "context": "Static white \u2013 Focus indicator"
+      "context": "Static white – Focus indicator"
     },
     {
       "token": "transparent-black-900",
@@ -522,7 +562,7 @@
     },
     {
       "token": "static-black-focus-indicator-color",
-      "context": "Static black \u2013 Focus indicator"
+      "context": "Static black – Focus indicator"
     }
   ],
   "accessibility": {

package/components/calendar.json

@@ -22,9 +22,16 @@
     },
     "selectionMode": {
       "type": "string",
-      "enum": ["single", "range"],
       "default": "single",
-      "description": "Controls whether the calendar allows selecting a single date or a date range."
+      "description": "Controls whether the calendar allows selecting a single date or a date range.",
+      "values": [
+        {
+          "value": "single"
+        },
+        {
+          "value": "range"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",

package/components/cards.json

@@ -12,16 +12,28 @@
   "options": {
     "variant": {
       "type": "string",
-      "enum": [
-        "asset",
-        "collection",
-        "flex",
-        "gallery",
-        "horizontal",
-        "product"
-      ],
       "default": "asset",
-      "description": "Determines which card layout variant is used."
+      "description": "Determines which card layout variant is used.",
+      "values": [
+        {
+          "value": "asset"
+        },
+        {
+          "value": "collection"
+        },
+        {
+          "value": "flex"
+        },
+        {
+          "value": "gallery"
+        },
+        {
+          "value": "horizontal"
+        },
+        {
+          "value": "product"
+        }
+      ]
     }
   },
   "lifecycle": {

package/components/checkbox-group.json

@@ -15,13 +15,27 @@
     },
     "labelPosition": {
       "type": "string",
-      "enum": ["top", "side"],
-      "default": "top"
+      "default": "top",
+      "values": [
+        {
+          "value": "top"
+        },
+        {
+          "value": "side"
+        }
+      ]
     },
     "necessityIndicator": {
       "type": "string",
-      "enum": ["text", "icon"],
-      "default": "icon"
+      "default": "icon",
+      "values": [
+        {
+          "value": "text"
+        },
+        {
+          "value": "icon"
+        }
+      ]
     },
     "isRequired": {
       "type": "boolean",
@@ -29,8 +43,15 @@
     },
     "orientation": {
       "type": "string",
-      "enum": ["horizontal", "vertical"],
-      "default": "vertical"
+      "default": "vertical",
+      "values": [
+        {
+          "value": "horizontal"
+        },
+        {
+          "value": "vertical"
+        }
+      ]
     },
     "isError": {
       "type": "boolean",

package/components/checkbox.json

@@ -25,8 +25,21 @@
     },
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "isEmphasized": {
       "type": "boolean",

package/components/close-button.json

@@ -12,16 +12,36 @@
   "options": {
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "iconSize": {
       "type": "string"
     },
     "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"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",

package/components/coach-indicator.json

@@ -12,24 +12,50 @@
   "options": {
     "cornerRounding": {
       "type": "string",
-      "enum": [
-        "none",
-        "corner-radius-75",
-        "corner-radius-100",
-        "corner-radius-200",
-        "corner-radius-300",
-        "corner-radius-400",
-        "corner-radius-500",
-        "corner-radius-600",
-        "corner-radius-700",
-        "corner-radius-800",
-        "full"
+      "values": [
+        {
+          "value": "none"
+        },
+        {
+          "value": "corner-radius-75"
+        },
+        {
+          "value": "corner-radius-100"
+        },
+        {
+          "value": "corner-radius-200"
+        },
+        {
+          "value": "corner-radius-300"
+        },
+        {
+          "value": "corner-radius-400"
+        },
+        {
+          "value": "corner-radius-500"
+        },
+        {
+          "value": "corner-radius-600"
+        },
+        {
+          "value": "corner-radius-700"
+        },
+        {
+          "value": "corner-radius-800"
+        },
+        {
+          "value": "full"
+        }
       ]
     },
     "staticColor": {
       "type": "string",
-      "enum": ["white"],
-      "description": "If not set to white, the coach indicator uses the default color."
+      "description": "If not set to white, the coach indicator uses the default color.",
+      "values": [
+        {
+          "value": "white"
+        }
+      ]
     }
   },
   "lifecycle": {

package/components/code.json

@@ -15,8 +15,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"
+        }
+      ]
     }
   },
   "lifecycle": {

package/components/color-handle.json

@@ -12,17 +12,31 @@
   "options": {
     "channel": {
       "type": "string",
-      "enum": [
-        "hue",
-        "saturation",
-        "lightness",
-        "red",
-        "green",
-        "blue",
-        "alpha"
-      ],
       "default": "hue",
-      "description": "Which channel of the color this handle controls. Use 'alpha' for opacity."
+      "description": "Which channel of the color this handle controls. Use 'alpha' for opacity.",
+      "values": [
+        {
+          "value": "hue"
+        },
+        {
+          "value": "saturation"
+        },
+        {
+          "value": "lightness"
+        },
+        {
+          "value": "red"
+        },
+        {
+          "value": "green"
+        },
+        {
+          "value": "blue"
+        },
+        {
+          "value": "alpha"
+        }
+      ]
     },
     "isDisabled": {
       "type": "boolean",

package/components/color-slider.json

@@ -16,17 +16,31 @@
     },
     "channel": {
       "type": "string",
-      "enum": [
-        "hue",
-        "saturation",
-        "lightness",
-        "red",
-        "green",
-        "blue",
-        "alpha"
-      ],
       "default": "hue",
-      "description": "Which channel of the color this slider controls. Use 'alpha' for opacity."
+      "description": "Which channel of the color this slider controls. Use 'alpha' for opacity.",
+      "values": [
+        {
+          "value": "hue"
+        },
+        {
+          "value": "saturation"
+        },
+        {
+          "value": "lightness"
+        },
+        {
+          "value": "red"
+        },
+        {
+          "value": "green"
+        },
+        {
+          "value": "blue"
+        },
+        {
+          "value": "alpha"
+        }
+      ]
     },
     "value": {
       "type": "number",
@@ -46,8 +60,15 @@
     },
     "orientation": {
       "type": "string",
-      "enum": ["horizontal", "vertical"],
-      "default": "horizontal"
+      "default": "horizontal",
+      "values": [
+        {
+          "value": "horizontal"
+        },
+        {
+          "value": "vertical"
+        }
+      ]
     },
     "length": {
       "type": "number",

package/components/combo-box.json

@@ -15,8 +15,18 @@
     },
     "labelPosition": {
       "type": "string",
-      "enum": ["top", "side", "in line"],
-      "default": "top"
+      "default": "top",
+      "values": [
+        {
+          "value": "top"
+        },
+        {
+          "value": "side"
+        },
+        {
+          "value": "in line"
+        }
+      ]
     },
     "value": {
       "type": "string"
@@ -26,8 +36,21 @@
     },
     "size": {
       "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
+      "default": "m",
+      "values": [
+        {
+          "value": "s"
+        },
+        {
+          "value": "m"
+        },
+        {
+          "value": "l"
+        },
+        {
+          "value": "xl"
+        }
+      ]
     },
     "isRequired": {
       "type": "boolean",
@@ -35,8 +58,15 @@
     },
     "necessityIndicator": {
       "type": "string",
-      "enum": ["text", "icon"],
-      "default": "icon"
+      "default": "icon",
+      "values": [
+        {
+          "value": "text"
+        },
+        {
+          "value": "icon"
+        }
+      ]
     },
     "hasAutocomplete": {
       "type": "boolean",
@@ -44,8 +74,18 @@
     },
     "menuTrigger": {
       "type": "string",
-      "enum": ["input", "focus", "manual"],
-      "default": "input"
+      "default": "input",
+      "values": [
+        {
+          "value": "input"
+        },
+        {
+          "value": "focus"
+        },
+        {
+          "value": "manual"
+        }
+      ]
     },
     "isError": {
       "type": "boolean",