@adobe/design-data-spec 1.4.0 → 2.0.0

package/components/select-box.json

@@ -1,272 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
-  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/select-box.json",
-  "specVersion": "1.0.0-draft",
-  "name": "select-box",
-  "displayName": "Select box",
-  "meta": {
-    "category": "inputs",
-    "documentationUrl": "https://spectrum.adobe.com/page/select-box/"
-  },
-  "options": {
-    "label": {
-      "type": "string"
-    },
-    "orientation": {
-      "type": "string",
-      "default": "vertical",
-      "values": [
-        {
-          "value": "horizontal"
-        },
-        {
-          "value": "vertical"
-        }
-      ]
-    },
-    "body": {
-      "type": "string"
-    },
-    "isSelected": {
-      "type": "boolean",
-      "default": false
-    },
-    "hideIllustration": {
-      "type": "boolean",
-      "default": false
-    },
-    "showCheckbox": {
-      "type": "boolean",
-      "default": false
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "multiple": {
-      "type": "boolean",
-      "default": false,
-      "description": "Set to true to allow multiple selections."
-    }
-  },
-  "states": [
-    {
-      "name": "down",
-      "trigger": "interaction"
-    },
-    {
-      "name": "hover",
-      "trigger": "interaction"
-    },
-    {
-      "name": "keyboard-focus",
-      "trigger": "interaction"
-    }
-  ],
-  "lifecycle": {
-    "introduced": "1.0.0-draft"
-  },
-  "tokenBindings": [
-    {
-      "token": "select-box-vertical-height",
-      "context": "Component height and width (vertical)"
-    },
-    {
-      "token": "select-box-vertical-edge-to-content",
-      "context": "Padding (vertical)"
-    },
-    {
-      "token": "select-box-vertical-illustration-to-label",
-      "context": "Spacing (illustration to text, vertical)"
-    },
-    {
-      "token": "select-box-horizontal-width",
-      "context": "Component width (horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-minimum-width",
-      "context": "Component minimum width (horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-minimum-height",
-      "context": "Component minimum height (horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-top-to-content",
-      "context": "Padding (horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-start-to-content",
-      "context": "Padding (horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-end-to-content",
-      "context": "Padding (horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-label-to-description",
-      "context": "Spacing (label to description, horizontal)"
-    },
-    {
-      "token": "select-box-horizontal-illustration-to-label",
-      "context": "Spacing (illustration to label, horizontal)"
-    },
-    {
-      "token": "border-width-200",
-      "context": "Border (Selected)"
-    },
-    {
-      "token": "component-size-difference-down",
-      "context": "Down state"
-    },
-    {
-      "token": "component-size-width-ratio-down",
-      "context": "Down state"
-    },
-    {
-      "token": "component-size-minimum-perspective-down",
-      "context": "Down state"
-    },
-    {
-      "token": "focus-indicator-thickness",
-      "context": "Border (Selected)"
-    },
-    {
-      "token": "corner-radius-700",
-      "context": "Border radius"
-    },
-    {
-      "token": "select-box-edge-to-checkbox",
-      "context": "Spacing (top/side edge to checkbox)"
-    },
-    {
-      "token": "default-font-family",
-      "context": "Text (vertical)"
-    },
-    {
-      "token": "regular-font-weight",
-      "context": "Text (vertical)"
-    },
-    {
-      "token": "default-font-style",
-      "context": "Text (vertical)"
-    },
-    {
-      "token": "font-size-100",
-      "context": "Text (vertical)"
-    },
-    {
-      "token": "line-height-100",
-      "context": "Text (vertical)"
-    },
-    {
-      "token": "cjk-line-height-100",
-      "context": "Text (vertical)"
-    },
-    {
-      "token": "bold-font-weight",
-      "context": "Text (horizontal)"
-    },
-    {
-      "token": "background-layer-2-color",
-      "context": "Background"
-    },
-    {
-      "token": "neutral-content-color-default",
-      "context": "Illustration color"
-    },
-    {
-      "token": "neutral-content-color-hover",
-      "context": "Illustration color"
-    },
-    {
-      "token": "netural-content-color-focus",
-      "context": "Illustration color"
-    },
-    {
-      "token": "select-box-selected-border-color",
-      "context": "Border (selected)"
-    },
-    {
-      "token": "gray-900",
-      "context": "Border (selected)"
-    },
-    {
-      "token": "focus-indicator-color",
-      "context": "Border (focus)"
-    },
-    {
-      "token": "disabled-content-color",
-      "context": "Disabled"
-    },
-    {
-      "token": "disabled-background-color",
-      "context": "Disabled"
-    },
-    {
-      "token": "drop-shadow-emphasized-default-x",
-      "context": "Default"
-    },
-    {
-      "token": "drop-shadow-emphasized-default-y",
-      "context": "Default"
-    },
-    {
-      "token": "drop-shadow-emphasized-default-blur",
-      "context": "Default"
-    },
-    {
-      "token": "drop-shadow-emphasized-default-color",
-      "context": "Default"
-    },
-    {
-      "token": "drop-shadow-emphasized-hover-x",
-      "context": "Hover"
-    },
-    {
-      "token": "drop-shadow-emphasized-hover-y",
-      "context": "Hover"
-    },
-    {
-      "token": "drop-shadow-emphasized-hover-blur",
-      "context": "Hover"
-    },
-    {
-      "token": "drop-shadow-emphasized-hover-color",
-      "context": "Hover"
-    },
-    {
-      "token": "drop-shadow-elevated-x",
-      "context": "Focus"
-    },
-    {
-      "token": "drop-shadow-elevated-y",
-      "context": "Focus"
-    },
-    {
-      "token": "drop-shadow-elevated-blur",
-      "context": "Focus"
-    },
-    {
-      "token": "drop-shadow-elevated-color",
-      "context": "Focus"
-    }
-  ],
-  "accessibility": {
-    "intents": ["select"],
-    "focusable": true,
-    "keyboardIntents": ["activate"],
-    "wcag": [
-      {
-        "criterion": "2.1.1",
-        "level": "A",
-        "title": "Keyboard"
-      },
-      {
-        "criterion": "4.1.2",
-        "level": "A",
-        "title": "Name, Role, Value"
-      }
-    ]
-  }
-}

package/components/side-navigation.json

@@ -1,320 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
-  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/side-navigation.json",
-  "specVersion": "1.0.0-draft",
-  "name": "side-navigation",
-  "displayName": "Side navigation",
-  "description": "Side navigation lets users navigate the entire content of a product or a section. These can be used for a single level or a multi-level navigation.",
-  "meta": {
-    "category": "navigation",
-    "documentationUrl": "https://spectrum.adobe.com/page/side-navigation/"
-  },
-  "options": {
-    "items": {
-      "type": "array",
-      "description": "The list of navigation items.",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "type": "string",
-            "description": "Text label for the navigation item."
-          },
-          "state": {
-            "type": "string",
-            "enum": ["default", "hover", "down", "keyboard focus"],
-            "default": "default",
-            "description": "State of the navigation item."
-          },
-          "icon": {
-            "type": "string",
-            "description": "Optional icon token for the navigation item."
-          },
-          "isSelected": {
-            "type": "boolean",
-            "default": false,
-            "description": "Whether the item is currently selected."
-          },
-          "isDisabled": {
-            "type": "boolean",
-            "default": false,
-            "description": "Whether the item is disabled."
-          }
-        },
-        "required": ["label"]
-      }
-    },
-    "selectionMode": {
-      "type": "string",
-      "default": "single",
-      "description": "How selection is handled for items.",
-      "values": [
-        {
-          "value": "none"
-        },
-        {
-          "value": "single"
-        },
-        {
-          "value": "multiple"
-        }
-      ]
-    }
-  },
-  "states": [
-    {
-      "name": "hover",
-      "trigger": "interaction"
-    },
-    {
-      "name": "down",
-      "trigger": "interaction"
-    },
-    {
-      "name": "keyboard-focus",
-      "trigger": "interaction"
-    }
-  ],
-  "lifecycle": {
-    "introduced": "1.0.0-draft"
-  },
-  "tokenBindings": [
-    {
-      "token": "component-height-100",
-      "context": "Minimum height"
-    },
-    {
-      "token": "side-navigation-width",
-      "context": "Width (default)"
-    },
-    {
-      "token": "side-navigation-minimum-width",
-      "context": "Width (minimum)"
-    },
-    {
-      "token": "side-navigation-maximum-width",
-      "context": "Width (maximum)"
-    },
-    {
-      "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": "side-navigation-indicator-height",
-      "context": "Side navigation indicator"
-    },
-    {
-      "token": "side-navigation-indicator-thickness",
-      "context": "Side navigation indicator"
-    },
-    {
-      "token": "side-navigation-indicator-to-content",
-      "context": "Spacing (indicator to content)"
-    },
-    {
-      "token": "workflow-icon-size-100",
-      "context": "Icon"
-    },
-    {
-      "token": "text-to-visual-100",
-      "context": "Spacing (icon to label)"
-    },
-    {
-      "token": "component-edge-to-text-100",
-      "context": "Spacing (single-level, start/end to content)"
-    },
-    {
-      "token": "side-navigation-edge-to-indicator",
-      "context": "Spacing (single-level, start/end to content)"
-    },
-    {
-      "token": "side-navigation-second-level-edge-to-indicator",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-third-level-edge-to-indicator",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-with-icon-second-level-edge-to-indicator",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-with-icon-third-level-edge-to-indicator",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-second-level-edge-to-text",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-third-level-edge-to-text",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-with-icon-second-level-edge-to-text",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "side-navigation-with-icon-third-level-edge-to-text",
-      "context": "Spacing (multi-level, no icon, start edge to content)"
-    },
-    {
-      "token": "field-edge-to-disclosure-icon-75",
-      "context": "Spacing (edge to disclosure icon)"
-    },
-    {
-      "token": "side-navigation-counter-to-disclosure",
-      "context": "Spacing (text to trailing accessory area)"
-    },
-    {
-      "token": "navigation-trailing-accessory-area-to-edge",
-      "context": "Spacing (single-level, end to content)"
-    },
-    {
-      "token": "side-navigation-item-to-item",
-      "context": "Spacing (vertically between side-nav items)"
-    },
-    {
-      "token": "side-navigation-item-to-header",
-      "context": "Spacing (vertically between side-nav item and side-nav title)"
-    },
-    {
-      "token": "side-navigation-header-to-item",
-      "context": "Spacing (vertically between side-nav item and side-nav title)"
-    },
-    {
-      "token": "component-top-to-workflow-icon-100",
-      "context": "Layout"
-    },
-    {
-      "token": "component-padding-vertical-100",
-      "context": "Spacing (top edge to label)"
-    },
-    {
-      "token": "side-navigation-bottom-to-text",
-      "context": "Spacing (label wrapping)"
-    },
-    {
-      "token": "focus-indicator-thickness",
-      "context": "Focus indicator"
-    },
-    {
-      "token": "focus-indicator-gap",
-      "context": "Focus indicator"
-    },
-    {
-      "token": "gray-400",
-      "context": "Side navigation indicator "
-    },
-    {
-      "token": "gray-800",
-      "context": "Side navigation indicator "
-    },
-    {
-      "token": "neutral-subdued-content-color-default",
-      "context": "Navigation item label and icon"
-    },
-    {
-      "token": "neutral-subdued-content-color-hover",
-      "context": "Navigation item label and icon"
-    },
-    {
-      "token": "neutral-subdued-content-color-down",
-      "context": "Navigation item label and icon"
-    },
-    {
-      "token": "neutral-subdued-content-color-key-focus",
-      "context": "Navigation item label and icon"
-    },
-    {
-      "token": "neutral-content-color-default",
-      "context": "Navigation item label and icon (selected)"
-    },
-    {
-      "token": "neutral-content-color-hover",
-      "context": "Navigation item label and icon (selected)"
-    },
-    {
-      "token": "neutral-content-color-down",
-      "context": "Navigation item label and icon (selected)"
-    },
-    {
-      "token": "neutral-content-color-key-focus",
-      "context": "Navigation item label and icon (selected)"
-    },
-    {
-      "token": "gray-600",
-      "context": "Side navigation title"
-    },
-    {
-      "token": "disabled-content-color",
-      "context": "Label and icon (disabled)"
-    },
-    {
-      "token": "focus-indicator-color",
-      "context": "Focus indicator"
-    },
-    {
-      "token": "default-font-family",
-      "context": "Text  "
-    },
-    {
-      "token": "regular-font-weight",
-      "context": "Text  "
-    },
-    {
-      "token": "default-font-style",
-      "context": "Text  "
-    },
-    {
-      "token": "font-size-100",
-      "context": "Text  "
-    },
-    {
-      "token": "line-height-100",
-      "context": "Text  "
-    },
-    {
-      "token": "cjk-line-height-100",
-      "context": "Text  "
-    },
-    {
-      "token": "bold-font-weight",
-      "context": "Text (selected)"
-    },
-    {
-      "token": "medium-font-weight",
-      "context": "Text (Side navigation title)"
-    },
-    {
-      "token": "font-size-75",
-      "context": "Text (Side navigation title)"
-    }
-  ],
-  "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"
-      }
-    ]
-  }
-}