@adobe/spectrum-tokens 13.10.1 → 13.12.0

package/schemas/components/alert-dialog.json

@@ -1,42 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/alert-dialog.json",
-  "title": "Alert dialog",
-  "description": "Alert dialogs display important information that users need to acknowledge. They appear over the interface and block further interactions until an action is selected.",
-  "meta": {
-    "category": "feedback",
-    "documentationUrl": "https://spectrum.adobe.com/page/alert-dialog/"
-  },
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string"
-    },
-    "description": {
-      "type": "string"
-    },
-    "variant": {
-      "type": "string",
-      "enum": [
-        "confirmation",
-        "information",
-        "warning",
-        "destructive",
-        "error"
-      ],
-      "default": "confirmation"
-    },
-    "primaryActionLabel": {
-      "type": "string"
-    },
-    "secondaryActionLabel": {
-      "type": "string",
-      "description": "If undefined, this button does not appear."
-    },
-    "cancelActionLabel": {
-      "type": "string",
-      "default": "cancel",
-      "description": "If undefined, this button does not appear."
-    }
-  }
-}

package/schemas/components/avatar.json

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/avatar.json",
-  "title": "Avatar",
-  "description": "An avatar is a thumbnail representation of an entity, such as a user or an organization.",
-  "meta": {
-    "category": "navigation",
-    "documentationUrl": "https://spectrum.adobe.com/page/avatar/"
-  },
-  "type": "object",
-  "properties": {
-    "size": {
-      "type": "number",
-      "enum": [50, 75, 100, 200, 300, 400, 500, 600, 700],
-      "default": 100
-    },
-    "image": {
-      "type": "string"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/badge.json

@@ -1,50 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/badge.json",
-  "title": "Badge",
-  "description": "Similar to status lights, badges are for showing a small amount of color-categorized metadata. They're ideal for getting a user''s attention.",
-  "meta": {
-    "category": "status",
-    "documentationUrl": "https://spectrum.adobe.com/page/badge/"
-  },
-  "type": "object",
-  "properties": {
-    "label": {
-      "type": "string",
-      "description": "When the label is not defined, the badge appears as icon-only."
-    },
-    "icon": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/workflow-icon.json"
-    },
-    "variant": {
-      "type": "string",
-      "enum": [
-        "neutral",
-        "info",
-        "positive",
-        "negative",
-        "indigo",
-        "yellow",
-        "magenta",
-        "fuchsia",
-        "purple",
-        "seafoam"
-      ]
-    },
-    "fixed": {
-      "type": "string",
-      "enum": ["none", "top", "right", "bottom", "left"],
-      "default": "none"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "size": {
-      "type": "string",
-      "pattern": "^(x?s|m|x{0,3}l)$",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "s"
-    }
-  }
-}

package/schemas/components/body.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/body.json",
-  "title": "Body",
-  "description": "Body is a typography component primarily used within Spectrum components and for blocks of text.",
-  "meta": {
-    "category": "typography",
-    "documentationUrl": "https://spectrum.adobe.com/page/body/"
-  },
-  "type": "object",
-  "properties": {
-    "script": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/typography-script.json"
-    },
-    "classification": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/typography-classification.json"
-    },
-    "size": {
-      "type": "string",
-      "pattern": "^(x?s|m|x{0,3}l)$",
-      "enum": ["xs", "s", "m", "l", "xl", "xxl", "xxxl"],
-      "default": "m"
-    }
-  }
-}

package/schemas/components/bottom-navigation-android.json

@@ -1,37 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/bottom-navigation-android.json",
-  "title": "Bottom navigation (Android)",
-  "description": "Bottom navigation is a top-level navigation control for Android apps.",
-  "meta": {
-    "category": "navigation",
-    "documentationUrl": "https://spectrum.adobe.com/page/bottom-navigation-android/"
-  },
-  "type": "object",
-  "properties": {
-    "label": {
-      "type": "string"
-    },
-    "labelPosition": {
-      "type": "string",
-      "enum": ["bottom", "side"],
-      "default": "bottom"
-    },
-    "icon": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/workflow-icon.json"
-    },
-    "background": {
-      "type": "string",
-      "enum": ["primary", "secondary"],
-      "default": "primary"
-    },
-    "hasBadge": {
-      "type": "boolean",
-      "default": false
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    }
-  }
-}

package/schemas/components/breadcrumbs.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/breadcrumbs.json",
-  "title": "Breadcrumbs",
-  "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/"
-  },
-  "type": "object",
-  "properties": {
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus", "drag and drop"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/button-group.json

@@ -1,28 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/button-group.json",
-  "title": "Button group",
-  "description": "A button group is a grouping of buttons whose actions are related to each other.",
-  "meta": {
-    "category": "actions",
-    "documentationUrl": "https://spectrum.adobe.com/page/button-group/"
-  },
-  "type": "object",
-  "properties": {
-    "orientation": {
-      "type": "string",
-      "default": "horizontal",
-      "enum": ["horizontal", "vertical"]
-    },
-    "size": {
-      "type": "string",
-      "pattern": "^(x?s|m|x{0,3}l)$",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    }
-  }
-}

package/schemas/components/button.json

@@ -1,60 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/button.json",
-  "title": "Button",
-  "description": "Buttons allow users to perform an action or to navigate to another page. They have multiple styles for various needs, and are ideal for calling attention to where a user needs to do something in order to move forward in a flow.",
-  "meta": {
-    "category": "actions",
-    "documentationUrl": "https://spectrum.adobe.com/page/button/"
-  },
-  "type": "object",
-  "properties": {
-    "label": {
-      "type": "string"
-    },
-    "hideLabel": {
-      "type": "boolean",
-      "default": false
-    },
-    "icon": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/workflow-icon.json",
-      "description": "Icon must be present if the label is not defined."
-    },
-    "variant": {
-      "type": "string",
-      "enum": ["accent", "negative", "primary", "secondary"],
-      "default": "accent"
-    },
-    "staticColor": {
-      "type": "string",
-      "enum": ["white", "black"]
-    },
-    "style": {
-      "type": "string",
-      "default": "fill",
-      "enum": ["fill", "outline"]
-    },
-    "size": {
-      "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
-    },
-    "justified": {
-      "type": "boolean",
-      "default": false
-    },
-    "isPending": {
-      "type": "boolean",
-      "default": false
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/checkbox-group.json

@@ -1,53 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/checkbox-group.json",
-  "title": "Checkbox group",
-  "description": "A checkbox group is a grouping of checkboxes that are related to each other.",
-  "meta": {
-    "category": "inputs",
-    "documentationUrl": "https://spectrum.adobe.com/page/checkbox-group/"
-  },
-  "type": "object",
-  "properties": {
-    "label": {
-      "type": "string"
-    },
-    "labelPosition": {
-      "type": "string",
-      "enum": ["top", "side"],
-      "default": "top"
-    },
-    "necessityIndicator": {
-      "type": "string",
-      "enum": ["text", "icon"],
-      "default": "icon"
-    },
-    "isRequired": {
-      "type": "boolean",
-      "default": false
-    },
-    "orientation": {
-      "type": "string",
-      "enum": ["horizontal", "vertical"],
-      "default": "vertical"
-    },
-    "isError": {
-      "type": "boolean",
-      "default": false
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "isReadOnly": {
-      "type": "boolean",
-      "default": false
-    },
-    "description": {
-      "type": "string"
-    },
-    "errorMessage": {
-      "type": "string"
-    }
-  }
-}

package/schemas/components/checkbox.json

@@ -1,52 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/checkbox.json",
-  "title": "Checkbox",
-  "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
-  "meta": {
-    "category": "inputs",
-    "documentationUrl": "https://spectrum.adobe.com/page/checkbox/"
-  },
-  "type": "object",
-  "properties": {
-    "label": {
-      "type": "string",
-      "description": "When the label is not defined, the checkbox appears as a standalone checkbox."
-    },
-    "isSelected": {
-      "type": "boolean",
-      "default": false
-    },
-    "isIndeterminate": {
-      "type": "boolean",
-      "default": false,
-      "description": "When a checkbox is indeterminate, it overrides the selection state."
-    },
-    "size": {
-      "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
-    },
-    "isEmphasized": {
-      "type": "boolean",
-      "default": false
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "isError": {
-      "type": "boolean",
-      "default": false
-    },
-    "isReadOnly": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/close-button.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/close-button.json",
-  "title": "Close button",
-  "description": "The close button is used inside of other components, like a toast or an action bar, for closing or dismissing its parent component.",
-  "meta": {
-    "category": "actions",
-    "documentationUrl": "https://spectrum.adobe.com/page/close-button/"
-  },
-  "type": "object",
-  "properties": {
-    "size": {
-      "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
-    },
-    "iconSize": {
-      "type": "string"
-    },
-    "staticColor": {
-      "type": "string",
-      "enum": ["white", "black"],
-      "default": null
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/code.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/code.json",
-  "title": "Code",
-  "description": "Detail is a typography component used for disclosing extra information or smaller items in hierarchical relationships of text.",
-  "meta": {
-    "category": "typography",
-    "documentationUrl": "https://spectrum.adobe.com/page/code/"
-  },
-  "type": "object",
-  "properties": {
-    "script": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/typography-script.json"
-    },
-    "size": {
-      "type": "string",
-      "enum": ["xs", "s", "m", "l", "xl"],
-      "default": "m"
-    }
-  }
-}

package/schemas/components/color-area.json

@@ -1,64 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/color-area.json",
-  "title": "Color area",
-  "description": "A color area allows users to visually select two properties of a color simultaneously. It's commonly used together with a color slider or color wheel.",
-  "meta": {
-    "category": "inputs",
-    "documentationUrl": "https://spectrum.adobe.com/page/color-area/"
-  },
-  "type": "object",
-  "properties": {
-    "background": {
-      "type": "string",
-      "description": "This will vary depending on implementation."
-    },
-    "x-value": {
-      "type": "number",
-      "description": "Number (from x-minValue to x-maxValue)"
-    },
-    "x-minValue": {
-      "type": "number",
-      "default": 0
-    },
-    "x-maxValue": {
-      "type": "number",
-      "default": 100
-    },
-    "y-value": {
-      "type": "number",
-      "description": "Number (from y-minValue to y-maxValue)"
-    },
-    "y-minValue": {
-      "type": "number",
-      "default": 0
-    },
-    "y-maxValue": {
-      "type": "number",
-      "default": 100
-    },
-    "step": {
-      "type": "number",
-      "default": 1
-    },
-    "width": {
-      "type": "number",
-      "default": 192,
-      "description": "units: px"
-    },
-    "height": {
-      "type": "number",
-      "default": 192,
-      "description": "units: px"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/color-loupe.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/color-loupe.json",
-  "title": "Color loupe",
-  "description": "A color loupe shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.",
-  "meta": {
-    "category": "feedback",
-    "documentationUrl": "https://spectrum.adobe.com/page/color-loupe/"
-  },
-  "type": "object",
-  "properties": {
-    "value": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/hex-color.json"
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/color-slider.json

@@ -1,52 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/color-slider.json",
-  "title": "Color slider",
-  "description": "A color slider lets users visually change an individual channel of a color.",
-  "meta": {
-    "category": "inputs",
-    "documentationUrl": "https://spectrum.adobe.com/page/color-slider/"
-  },
-  "type": "object",
-  "properties": {
-    "background": {
-      "type": "string",
-      "description": "This will vary depending on implementation."
-    },
-    "value": {
-      "type": "number",
-      "description": "Number (from minValue to maxValue)"
-    },
-    "minValue": {
-      "type": "number",
-      "default": 0
-    },
-    "maxValue": {
-      "type": "number",
-      "default": 100
-    },
-    "step": {
-      "type": "number",
-      "default": 1
-    },
-    "orientation": {
-      "type": "string",
-      "enum": ["horizontal", "vertical"],
-      "default": "horizontal"
-    },
-    "length": {
-      "type": "number",
-      "default": 192,
-      "description": "units: px"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/color-wheel.json

@@ -1,47 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/color-wheel.json",
-  "title": "Color wheel",
-  "description": "A color wheel lets users visually change an individual channel of a color on a circular track.",
-  "meta": {
-    "category": "inputs",
-    "documentationUrl": "https://spectrum.adobe.com/page/color-wheel/"
-  },
-  "type": "object",
-  "properties": {
-    "background": {
-      "type": "string",
-      "description": "This will vary depending on implementation."
-    },
-    "value": {
-      "type": "number",
-      "description": "Number (from minValue to maxValue)"
-    },
-    "minValue": {
-      "type": "number",
-      "default": 0
-    },
-    "maxValue": {
-      "type": "number",
-      "default": 360
-    },
-    "step": {
-      "type": "number",
-      "default": 1
-    },
-    "size": {
-      "type": "number",
-      "default": 192,
-      "description": "units: px"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}