@adobe/design-data-spec 0.4.0 → 0.5.0

package/components/picker.json

@@ -88,5 +88,435 @@
   ],
   "lifecycle": {
     "introduced": "1.0.0-draft"
-  }
+  },
+  "tokenBindings": [
+    {
+      "token": "field-default-width-small",
+      "context": "Width (default)"
+    },
+    {
+      "token": "field-default-width-medium",
+      "context": "Width (default)"
+    },
+    {
+      "token": "field-default-width-large",
+      "context": "Width (default)"
+    },
+    {
+      "token": "field-default-width-extra-large",
+      "context": "Width (default)"
+    },
+    {
+      "token": "picker-minimum-width-multiplier",
+      "context": "Width (minimum)"
+    },
+    {
+      "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": "corner-radius-medium-size-small",
+      "context": "Rounding"
+    },
+    {
+      "token": "corner-radius-medium-size-medium",
+      "context": "Rounding"
+    },
+    {
+      "token": "corner-radius-medium-size-large",
+      "context": "Rounding"
+    },
+    {
+      "token": "corner-radius-medium-size-extra-large",
+      "context": "Rounding"
+    },
+    {
+      "token": "component-edge-to-text-75",
+      "context": "Spacing (start/end edge to value)"
+    },
+    {
+      "token": "component-edge-to-text-100",
+      "context": "Spacing (start/end edge to value)"
+    },
+    {
+      "token": "component-edge-to-text-200",
+      "context": "Spacing (start/end edge to value)"
+    },
+    {
+      "token": "component-edge-to-text-300",
+      "context": "Spacing (start/end edge to value)"
+    },
+    {
+      "token": "field-edge-to-text-quiet",
+      "context": "Spacing (start/end edge to value)"
+    },
+    {
+      "token": "focus-indicator-thickness",
+      "context": "Focus indicator"
+    },
+    {
+      "token": "focus-indicator-gap",
+      "context": "Focus indicator"
+    },
+    {
+      "token": "component-size-difference-down",
+      "context": "Component size (down)"
+    },
+    {
+      "token": "component-size-width-ratio-down",
+      "context": "Component size (down)"
+    },
+    {
+      "token": "component-size-minimum-perspective-down",
+      "context": "Component size (down)"
+    },
+    {
+      "token": "workflow-icon-size-75",
+      "context": "Prefix min-width"
+    },
+    {
+      "token": "workflow-icon-size-100",
+      "context": "Prefix min-width"
+    },
+    {
+      "token": "workflow-icon-size-200",
+      "context": "Prefix min-width"
+    },
+    {
+      "token": "workflow-icon-size-300",
+      "context": "Prefix min-width"
+    },
+    {
+      "token": "picker-end-edge-to-disclosure-icon-quiet",
+      "context": "Spacing (start/end edge to prefix)"
+    },
+    {
+      "token": "text-to-visual-75",
+      "context": "Spacing (prefix to value/placeholder)"
+    },
+    {
+      "token": "text-to-visual-100",
+      "context": "Spacing (prefix to value/placeholder)"
+    },
+    {
+      "token": "text-to-visual-200",
+      "context": "Spacing (prefix to value/placeholder)"
+    },
+    {
+      "token": "text-to-visual-300",
+      "context": "Spacing (prefix to value/placeholder)"
+    },
+    {
+      "token": "chevron-icon-size-75",
+      "context": "Chevron/disclosure icon"
+    },
+    {
+      "token": "chevron-icon-size-100",
+      "context": "Chevron/disclosure icon"
+    },
+    {
+      "token": "chevron-icon-size-200",
+      "context": "Chevron/disclosure icon"
+    },
+    {
+      "token": "chevron-icon-size-300",
+      "context": "Chevron/disclosure icon"
+    },
+    {
+      "token": "field-top-to-disclosure-icon-75",
+      "context": "Spacing (top/bottom to disclosure icon)"
+    },
+    {
+      "token": "field-top-to-disclosure-icon-100",
+      "context": "Spacing (top/bottom to disclosure icon)"
+    },
+    {
+      "token": "field-top-to-disclosure-icon-200",
+      "context": "Spacing (top/bottom to disclosure icon)"
+    },
+    {
+      "token": "field-top-to-disclosure-icon-300",
+      "context": "Spacing (top/bottom to disclosure icon)"
+    },
+    {
+      "token": "field-edge-to-disclosure-icon-75",
+      "context": "Spacing (end edge to disclosure icon)"
+    },
+    {
+      "token": "field-edge-to-disclosure-icon-100",
+      "context": "Spacing (end edge to disclosure icon)"
+    },
+    {
+      "token": "field-edge-to-disclosure-icon-200",
+      "context": "Spacing (end edge to disclosure icon)"
+    },
+    {
+      "token": "field-edge-to-disclosure-icon-300",
+      "context": "Spacing (end edge to disclosure icon)"
+    },
+    {
+      "token": "field-edge-to-alert-icon-small",
+      "context": "Leading icon (leading icon to end edge)"
+    },
+    {
+      "token": "field-edge-to-alert-icon-medium",
+      "context": "Leading icon (leading icon to end edge)"
+    },
+    {
+      "token": "field-edge-to-alert-icon-large",
+      "context": "Leading icon (leading icon to end edge)"
+    },
+    {
+      "token": "field-edge-to-alert-icon-extra-large",
+      "context": "Leading icon (leading icon to end edge)"
+    },
+    {
+      "token": "component-top-to-workflow-icon-75",
+      "context": "Spacing (top/bottom edge to icon)"
+    },
+    {
+      "token": "component-top-to-workflow-icon-100",
+      "context": "Spacing (top/bottom edge to icon)"
+    },
+    {
+      "token": "component-top-to-workflow-icon-200",
+      "context": "Spacing (top/bottom edge to icon)"
+    },
+    {
+      "token": "component-top-to-workflow-icon-300",
+      "context": "Spacing (top/bottom edge to icon)"
+    },
+    {
+      "token": "picker-visual-to-disclosure-icon-small",
+      "context": "Spacing (alert icon to disclosure icon)"
+    },
+    {
+      "token": "picker-visual-to-disclosure-icon-medium",
+      "context": "Spacing (alert icon to disclosure icon)"
+    },
+    {
+      "token": "picker-visual-to-disclosure-icon-large",
+      "context": "Spacing (alert icon to disclosure icon)"
+    },
+    {
+      "token": "picker-visual-to-disclosure-icon-extra-large",
+      "context": "Spacing (alert icon to disclosure icon)"
+    },
+    {
+      "token": "field-label-to-component",
+      "context": "Spacing (field label to picker)"
+    },
+    {
+      "token": "field-label-to-component-quiet-small",
+      "context": "Spacing (field label to picker)"
+    },
+    {
+      "token": "field-label-to-component-quiet-medium",
+      "context": "Spacing (field label to picker)"
+    },
+    {
+      "token": "field-label-to-component-quiet-large",
+      "context": "Spacing (field label to picker)"
+    },
+    {
+      "token": "field-label-to-component-quiet-extra-large",
+      "context": "Spacing (field label to picker)"
+    },
+    {
+      "token": "component-to-menu-small",
+      "context": "Spacing (component to menu)"
+    },
+    {
+      "token": "component-to-menu-medium",
+      "context": "Spacing (component to menu)"
+    },
+    {
+      "token": "component-to-menu-large",
+      "context": "Spacing (component to menu)"
+    },
+    {
+      "token": "component-to-menu-extra-large",
+      "context": "Spacing (component to menu)"
+    },
+    {
+      "token": "help-text-to-component",
+      "context": "Spacing (text area to help text)"
+    },
+    {
+      "token": "field-top-to-progress-circle-small",
+      "context": "Spacing (top/bottom edge to progress circle icon)"
+    },
+    {
+      "token": "field-top-to-progress-circle-medium",
+      "context": "Spacing (top/bottom edge to progress circle icon)"
+    },
+    {
+      "token": "field-top-to-progress-circle-large",
+      "context": "Spacing (top/bottom edge to progress circle icon)"
+    },
+    {
+      "token": "field-top-to-progress-circle-extra-large",
+      "context": "Spacing (top/bottom edge to progress circle icon)"
+    },
+    {
+      "token": "gray-100",
+      "context": "Background"
+    },
+    {
+      "token": "gray-200",
+      "context": "Background"
+    },
+    {
+      "token": "negative-border-color-default",
+      "context": "Border (error)"
+    },
+    {
+      "token": "negative-border-color-hover",
+      "context": "Border (error)"
+    },
+    {
+      "token": "negative-border-color-down",
+      "context": "Border (error)"
+    },
+    {
+      "token": "negative-border-color-focus-hover",
+      "context": "Border (error)"
+    },
+    {
+      "token": "negative-border-color-focus",
+      "context": "Border (error)"
+    },
+    {
+      "token": "negative-border-color-key-focus",
+      "context": "Border (error)"
+    },
+    {
+      "token": "neutral-content-color-default",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-content-color-hover",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-content-color-down",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-content-color-focus-hover",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-content-color-focus",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-content-color-key-focus",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-subdued-content-color-default",
+      "context": "Label"
+    },
+    {
+      "token": "negative-visual-color",
+      "context": "Alert icon"
+    },
+    {
+      "token": "disabled-background-color",
+      "context": "Disabled"
+    },
+    {
+      "token": "disabled-content-color",
+      "context": "Disabled"
+    },
+    {
+      "token": "focus-indicator-color",
+      "context": "Focus ring"
+    },
+    {
+      "token": "gray-700",
+      "context": "Prefix"
+    },
+    {
+      "token": "default-font-family",
+      "context": "Value"
+    },
+    {
+      "token": "regular-font-weight",
+      "context": "Value"
+    },
+    {
+      "token": "default-font-style",
+      "context": "Value"
+    },
+    {
+      "token": "component-s-regular",
+      "context": "Value"
+    },
+    {
+      "token": "component-m-regular",
+      "context": "Value"
+    },
+    {
+      "token": "component-l-regular",
+      "context": "Value"
+    },
+    {
+      "token": "component-xl-regular",
+      "context": "Value"
+    },
+    {
+      "token": "line-height-font-size-75",
+      "context": "Value"
+    },
+    {
+      "token": "line-height-font-size-100",
+      "context": "Value"
+    },
+    {
+      "token": "line-height-font-size-200",
+      "context": "Value"
+    },
+    {
+      "token": "line-height-font-size-300",
+      "context": "Value"
+    },
+    {
+      "token": "cjk-line-height-100",
+      "context": "Value"
+    },
+    {
+      "token": "medium-font-weight",
+      "context": "Prefix"
+    },
+    {
+      "token": "component-s-medium",
+      "context": "Prefix"
+    },
+    {
+      "token": "component-m-medium",
+      "context": "Prefix"
+    },
+    {
+      "token": "component-l-medium",
+      "context": "Prefix"
+    },
+    {
+      "token": "component-xl-medium",
+      "context": "Prefix"
+    }
+  ]
 }

package/components/popover.json

@@ -65,5 +65,55 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
-  }
+  },
+  "tokenBindings": [
+    {
+      "token": "corner-radius-large-default",
+      "context": "Rounding"
+    },
+    {
+      "token": "popover-tip-width",
+      "context": "Tip"
+    },
+    {
+      "token": "popover-tip-height",
+      "context": "Tip"
+    },
+    {
+      "token": "popover-edge-to-content-area",
+      "context": "Spacing (left/right edge to content area)"
+    },
+    {
+      "token": "spacing-100",
+      "context": "Spacing (tip to source)"
+    },
+    {
+      "token": "border-width-100",
+      "context": "Border"
+    },
+    {
+      "token": "background-layer-2-color",
+      "context": "Background and border"
+    },
+    {
+      "token": "popover-border-color",
+      "context": "Background and border"
+    },
+    {
+      "token": "drop-shadow-elevated-color",
+      "context": "Drop shadow"
+    },
+    {
+      "token": "drop-shadow-elevated-x",
+      "context": "Drop shadow"
+    },
+    {
+      "token": "drop-shadow-elevated-y",
+      "context": "Drop shadow"
+    },
+    {
+      "token": "drop-shadow-elevated-blur",
+      "context": "Drop shadow"
+    }
+  ]
 }

package/components/progress-bar.json

@@ -64,5 +64,119 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
-  }
+  },
+  "tokenBindings": [
+    {
+      "token": "progress-bar-minimum-width",
+      "context": "Minimum width"
+    },
+    {
+      "token": "progress-bar-maximum-width",
+      "context": "Maximum width"
+    },
+    {
+      "token": "spacing-75",
+      "context": "Spacing (field label to progress bar)"
+    },
+    {
+      "token": "spacing-200",
+      "context": "Minimum spacing (field label to text)"
+    },
+    {
+      "token": "component-top-to-text-75",
+      "context": "Spacing (top edge to text)"
+    },
+    {
+      "token": "component-top-to-text-100",
+      "context": "Spacing (top edge to text)"
+    },
+    {
+      "token": "component-top-to-text-200",
+      "context": "Spacing (top edge to text)"
+    },
+    {
+      "token": "component-top-to-text-300",
+      "context": "Spacing (top edge to text)"
+    },
+    {
+      "token": "progress-bar-thickness-small",
+      "context": "Thickness (track)"
+    },
+    {
+      "token": "progress-bar-thickness-medium",
+      "context": "Thickness (track)"
+    },
+    {
+      "token": "progress-bar-thickness-large",
+      "context": "Thickness (track)"
+    },
+    {
+      "token": "progress-bar-thickness-extra-large",
+      "context": "Thickness (track)"
+    },
+    {
+      "token": "corner-radius-full",
+      "context": "Rounding"
+    },
+    {
+      "token": "default-font-family",
+      "context": "Value"
+    },
+    {
+      "token": "regular-font-weight",
+      "context": "Value"
+    },
+    {
+      "token": "default-font-style",
+      "context": "Value"
+    },
+    {
+      "token": "font-size-75",
+      "context": "Value"
+    },
+    {
+      "token": "font-size-100",
+      "context": "Value"
+    },
+    {
+      "token": "font-size-200",
+      "context": "Value"
+    },
+    {
+      "token": "font-size-300",
+      "context": "Value"
+    },
+    {
+      "token": "line-height-100",
+      "context": "Value"
+    },
+    {
+      "token": "cjk-line-height-100",
+      "context": "Value"
+    },
+    {
+      "token": "neutral-subdued-content-color-default",
+      "context": "Text"
+    },
+    {
+      "token": "track-color",
+      "context": "Track and indicator"
+    },
+    {
+      "token": "accent-content-color-default",
+      "context": "Track and indicator"
+    },
+    {
+      "token": "static-white-text-color",
+      "context": "Text (white)"
+    },
+    {
+      "token": "static-white-track-color",
+      "context": "Track and indicator (white)"
+    },
+    {
+      "token": "static-white-track-indicator-color",
+      "context": "Track and indicator (white)"
+    }
+  ]
 }

package/components/progress-circle.json

@@ -41,5 +41,59 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
-  }
+  },
+  "tokenBindings": [
+    {
+      "token": "progress-circle-size-small",
+      "context": "Size"
+    },
+    {
+      "token": "progress-circle-size-medium",
+      "context": "Size"
+    },
+    {
+      "token": "progress-circle-size-large",
+      "context": "Size"
+    },
+    {
+      "token": "progress-circle-thickness-small",
+      "context": "Thickness"
+    },
+    {
+      "token": "progress-circle-thickness-medium",
+      "context": "Thickness"
+    },
+    {
+      "token": "progress-circle-thickness-large",
+      "context": "Thickness"
+    },
+    {
+      "token": "corner-radius-full",
+      "context": "Rounding (fill)"
+    },
+    {
+      "token": "track-color",
+      "context": "Track and fill"
+    },
+    {
+      "token": "accent-content-color-default",
+      "context": "Track and fill"
+    },
+    {
+      "token": "static-white-track-color",
+      "context": "Track and fill (white)"
+    },
+    {
+      "token": "static-white-track-indicator-color",
+      "context": "Track and fill (white)"
+    },
+    {
+      "token": "static-black-track-color",
+      "context": "Track and fill (black)"
+    },
+    {
+      "token": "static-black-track-indicator-color",
+      "context": "Track and fill (black)"
+    }
+  ]
 }