@adobe/spectrum-tokens 13.10.1 → 13.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.10.1",
+  "version": "13.12.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",

package/schemas/token-types/token.json

@@ -12,6 +12,9 @@
         },
         {
           "type": "string"
+        },
+        {
+          "type": "object"
         }
       ]
     },

package/schemas/token-types/typography.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+  "title": "Typography",
+  "description": "A composite typography token.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/token.json"
+    }
+  ],
+  "properties": {
+    "$schema": {
+      "const": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json"
+    },
+    "value": {
+      "type": "object",
+      "properties": {
+        "fontFamily": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
+        "fontSize": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
+        "fontWeight": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
+        "letterSpacing": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
+        "lineHeight": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" }
+      }
+    },
+    "component": {},
+    "private": {},
+    "deprecated": {},
+    "deprecated_comment": {},
+    "uuid": {}
+  }
+}

package/src/color-aliases.json

@@ -2176,4 +2176,4 @@
       }
     }
   }
-}
+}

package/src/color-palette.json

@@ -6548,4 +6548,4 @@
     "uuid": "3a65213c-4d36-48ec-8bf9-1b163a81299d",
     "private": true
   }
-}
+}

package/src/icons.json

@@ -1314,4 +1314,4 @@
     "value": "{gray-900}",
     "uuid": "fa5b0690-6ecd-4a3e-8675-ab6445df8946"
   }
-}
+}

package/src/layout-component.json

@@ -3462,10 +3462,18 @@
     "uuid": "b3900f89-0a7a-4c47-a6d9-ca8aa19b9bfb"
   },
   "card-minimum-width": {
+    "component": "card",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{card-minimum-width-default}",
+    "uuid": "55db9f3d-621d-4d23-b3d0-c0f2b0f3f9b0",
+    "deprecated": true,
+    "deprecated_comment": "This token has been deprecated, use card-minimum-width-default instead."
+  },
+  "card-minimum-width-default": {
     "component": "card",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "100px",
-    "uuid": "55db9f3d-621d-4d23-b3d0-c0f2b0f3f9b0"
+    "uuid": "3a11949c-f1ac-490b-8416-f4883402d105"
   },
   "card-preview-minimum-height": {
     "component": "card",
@@ -3709,19 +3717,9 @@
   },
   "accordion-top-to-text-compact-medium": {
     "component": "accordion",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "8px",
-        "uuid": "484c9603-07f1-4ba6-b1bf-7cfaec5d1594"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
-        "uuid": "4a7dda7f-a45a-496c-8d38-cb4e4807e544"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "5px",
+    "uuid": "484c9603-07f1-4ba6-b1bf-7cfaec5d1594"
   },
   "accordion-top-to-text-regular-medium": {
     "component": "accordion",
@@ -3736,12 +3734,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "13px",
         "uuid": "19c91104-bdf4-4969-8d92-c9cd47d39d13"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
+        "value": "15px",
         "uuid": "63602a66-5f96-4e6a-8bf0-2ac03321a577"
       }
     }
@@ -10299,10 +10297,18 @@
     }
   },
   "tree-view-item-to-item": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{tree-view-item-to-item-default}",
+    "uuid": "9a04f19a-9e2a-43b9-9b1f-3385aef214ac",
+    "deprecated": true,
+    "deprecated_comment": "This token has been deprecated, use tree-view-item-to-item-default instead."
+  },
+  "tree-view-item-to-item-default": {
     "component": "tree-view",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "-1px",
-    "uuid": "9a04f19a-9e2a-43b9-9b1f-3385aef214ac"
+    "uuid": "7d44a2b5-0aa6-4770-81da-8dbd87013906"
   },
   "tree-view-item-to-item-detached": {
     "component": "tree-view",

package/src/layout.json

@@ -2618,5 +2618,80 @@
         "uuid": "45f97901-f614-42bc-b22b-c0b6cebb945b"
       }
     }
+  },
+  "component-padding-vertical-50": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "3px",
+        "uuid": "409b876c-ae13-4d31-8487-9bfcd9b8be69"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "262dd415-ea5d-4f07-9493-030ac33a2dce"
+      }
+    }
+  },
+  "component-padding-vertical-75": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "4px",
+        "uuid": "6ff7a5b7-4344-4498-887d-3af9585035a7"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "ae87b22b-17dd-46a1-9c40-ec4fbe701e95"
+      }
+    }
+  },
+  "component-padding-vertical-100": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "7px",
+        "uuid": "5b2e9907-858e-41f9-9c63-a37e30ec472e"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "9px",
+        "uuid": "67715127-dfd9-44ed-a3bf-4816e9dafb34"
+      }
+    }
+  },
+  "component-padding-vertical-200": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "2af29e94-8c2c-475c-bde0-4e3f2ebd5df4"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "13px",
+        "uuid": "e5202547-d71b-4e1f-8d60-fe1e63cf18f9"
+      }
+    }
+  },
+  "component-padding-vertical-300": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "13px",
+        "uuid": "894526c7-315d-4325-be16-8e99a8a2586b"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "17px",
+        "uuid": "ae78edbb-1b08-44d6-9c5a-37baf2fe94f6"
+      }
+    }
   }
 }

package/src/semantic-color-palette.json

@@ -548,4 +548,4 @@
       }
     }
   }
-}
+}

package/src/typography.json

@@ -26,7 +26,7 @@
   },
   "sans-serif-font-family": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/font-family.json",
-    "value": "Adobe Clean",
+    "value": "Adobe Clean Spectrum VF",
     "uuid": "a552c422-c51c-458a-87b0-c6fe5178bf4b"
   },
   "serif-font-family": {
@@ -2120,5 +2120,170 @@
         "uuid": "185be0f6-8283-4068-80f1-68ee8dd06c25"
       }
     }
+  },
+  "component-xs-regular": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-50}",
+      "fontWeight": "{regular-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-50}"
+    },
+    "uuid": "5dca28f2-77f5-4b29-85f3-0075bf2cbe7f"
+  },
+  "component-xs-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-50}",
+      "fontWeight": "{medium-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-50}"
+    },
+    "uuid": "8bf6d008-d3d8-446d-afe8-62613b1c53a2"
+  },
+  "component-xs-bold": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-50}",
+      "fontWeight": "{bold-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-50}"
+    },
+    "uuid": "dc560f13-3f9d-47ed-9adf-646c24fd5a0a"
+  },
+  "component-s-regular": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-75}",
+      "fontWeight": "{regular-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-75}"
+    },
+    "uuid": "cde5212c-520d-4657-8184-f07739ffed07"
+  },
+  "component-s-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-75}",
+      "fontWeight": "{medium-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-75}"
+    },
+    "uuid": "afa00f39-1fe1-4026-8693-189e6d051eb3"
+  },
+  "component-s-bold": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-75}",
+      "fontWeight": "{bold-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-75}"
+    },
+    "uuid": "6510c875-e551-43f2-9e84-111cfccafce8"
+  },
+  "component-m-regular": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-100}",
+      "fontWeight": "{regular-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-100}"
+    },
+    "uuid": "567a8eff-028f-4de1-b58a-a0473775219f"
+  },
+  "component-m-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-100}",
+      "fontWeight": "{medium-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-100}"
+    },
+    "uuid": "633b828a-8623-4905-9dda-5a7b989768d7"
+  },
+  "component-m-bold": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-100}",
+      "fontWeight": "{bold-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-100}"
+    },
+    "uuid": "48422ecb-3993-4a96-b785-7661b9f662d2"
+  },
+  "component-l-regular": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-200}",
+      "fontWeight": "{regular-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-200}"
+    },
+    "uuid": "5a58a097-2235-4302-a6ed-6c1fa854c523"
+  },
+  "component-l-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-200}",
+      "fontWeight": "{medium-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-200}"
+    },
+    "uuid": "aa7cd308-279c-4c0f-ab5e-5053341c963b"
+  },
+  "component-l-bold": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-200}",
+      "fontWeight": "{bold-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-200}"
+    },
+    "uuid": "861ac736-b95b-4350-b40b-0dde0036c796"
+  },
+  "component-xl-regular": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-300}",
+      "fontWeight": "{regular-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-300}"
+    },
+    "uuid": "5096f188-f728-4db4-8cd9-cc23b08956e1"
+  },
+  "component-xl-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-300}",
+      "fontWeight": "{medium-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-300}"
+    },
+    "uuid": "657ca53c-178e-4526-9c37-e023499f3659"
+  },
+  "component-xl-bold": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
+    "value": {
+      "fontFamily": "{sans-serif-font-family}",
+      "fontSize": "{font-size-300}",
+      "fontWeight": "{bold-font-weight}",
+      "letterSpacing": "{letter-spacing}",
+      "lineHeight": "{line-height-font-size-300}"
+    },
+    "uuid": "1e7e87a6-cf8f-4827-ba46-ca6a9152a6d7"
   }
-}
+}

package/schemas/component.json

@@ -1,29 +0,0 @@
-{
-  "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "title": "Component",
-  "type": "object",
-  "properties": {
-    "meta": {
-      "type": "object",
-      "properties": {
-        "category": {
-          "type": "string",
-          "enum": [
-            "actions",
-            "containers",
-            "data visualization",
-            "feedback",
-            "inputs",
-            "navigation",
-            "status",
-            "typography"
-          ]
-        },
-        "documentationUrl": { "type": "string", "format": "uri" }
-      },
-      "required": ["category", "documentationUrl"]
-    }
-  },
-  "required": ["meta", "title", "description", "properties", "$id"]
-}

package/schemas/components/action-bar.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/action-bar.json",
-  "title": "Action bar",
-  "description": "Action bars are used for single and bulk selection patterns, when a user needs to perform actions on either a single or multiple items at the same time.",
-  "meta": {
-    "category": "actions",
-    "documentationUrl": "https://spectrum.adobe.com/page/action-bar/"
-  },
-  "type": "object",
-  "properties": {
-    "isEmphasized": {
-      "type": "boolean",
-      "default": false
-    }
-  },
-  "examples": [{ "isEmphasized": true }, { "isEmphasized": false }, {}]
-}

package/schemas/components/action-button.json

@@ -1,62 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/action-button.json",
-  "title": "Action button",
-  "description": "Action buttons allow users to perform an action or mark a selection. They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.",
-  "meta": {
-    "category": "actions",
-    "documentationUrl": "https://spectrum.adobe.com/page/action-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."
-    },
-    "size": {
-      "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m",
-      "pattern": "^(x?s|m|x{0,3}l)$"
-    },
-    "isQuiet": {
-      "type": "boolean",
-      "default": false
-    },
-    "isSelected": {
-      "type": "boolean",
-      "default": false
-    },
-    "isEmphasized": {
-      "type": "boolean",
-      "default": false
-    },
-    "staticColor": {
-      "type": "string",
-      "enum": ["white", "black"]
-    },
-    "selectedTextColor": {
-      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/hex-color.json"
-    },
-    "hasHoldIcon": {
-      "type": "boolean",
-      "default": false
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    },
-    "state": {
-      "type": "string",
-      "enum": ["default", "hover", "down", "keyboard focus"],
-      "default": "default"
-    }
-  }
-}

package/schemas/components/action-group.json

@@ -1,69 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/action-group.json",
-  "title": "Action group",
-  "description": "An action group is a grouping of action buttons that are related to each other.",
-  "meta": {
-    "category": "actions",
-    "documentationUrl": "https://spectrum.adobe.com/page/action-group/"
-  },
-  "type": "object",
-  "properties": {
-    "orientation": {
-      "type": "string",
-      "enum": ["horizontal", "vertical"],
-      "default": "horizontal"
-    },
-    "size": {
-      "type": "string",
-      "enum": ["s", "m", "l", "xl"],
-      "default": "m"
-    },
-    "density": {
-      "type": "string",
-      "enum": ["regular", "compact"],
-      "default": "regular"
-    },
-    "isJustified": {
-      "type": "boolean",
-      "default": false
-    },
-    "isQuiet": {
-      "type": "boolean",
-      "default": false
-    },
-    "isEmphasized": {
-      "type": "boolean",
-      "default": false
-    },
-    "enableSelection": {
-      "type": "boolean",
-      "default": false
-    },
-    "selectionMode": {
-      "type": "string",
-      "enum": ["single", "multiple"],
-      "default": "single",
-      "description": "Only applicable if selection is enabled"
-    },
-    "allowsEmptySelection": {
-      "type": "boolean",
-      "default": false,
-      "description": "Only applicable if selection is enabled"
-    },
-    "overflowMode": {
-      "type": "string",
-      "enum": ["wrap", "collapse"],
-      "default": "wrap"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "default": false
-    }
-  },
-  "examples": [
-    {
-      "size": "s"
-    }
-  ]
-}

package/schemas/components/alert-banner.json

@@ -1,29 +0,0 @@
-{
-  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
-  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/alert-banner.json",
-  "title": "Alert banner",
-  "description": "Alert banners show pressing and high-signal messages, such as system alerts. They're meant to be noticed and prompt users to take action.",
-  "meta": {
-    "category": "feedback",
-    "documentationUrl": "https://spectrum.adobe.com/page/alert-banner/"
-  },
-  "type": "object",
-  "properties": {
-    "text": {
-      "type": "string"
-    },
-    "variant": {
-      "type": "string",
-      "enum": ["neutral", "informative", "negative"],
-      "default": "neutral"
-    },
-    "actionLabel": {
-      "type": "string",
-      "description": "If undefined, this button does not appear."
-    },
-    "isDismissible": {
-      "type": "boolean",
-      "default": false
-    }
-  }
-}