@adobe/spectrum-design-data 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-design-data",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Spectrum design tokens in cascade format — the canonical source of truth for @adobe/spectrum-tokens",
   "type": "module",
   "repository": {

package/registry/property-terms.json

@@ -53,6 +53,16 @@
       "label": "Outline Color",
       "description": "CSS outline color"
     },
+    {
+      "id": "square-dark",
+      "label": "Square (Dark)",
+      "description": "Color of the darker of the two alternating tiles in an opacity checkerboard pattern. \"Dark\" identifies the tile's fixed relative lightness (paired with square-light), not the surrounding colorScheme theme — this token still varies per colorScheme."
+    },
+    {
+      "id": "square-light",
+      "label": "Square (Light)",
+      "description": "Color of the lighter of the two alternating tiles in an opacity checkerboard pattern. \"Light\" identifies the tile's fixed relative lightness (paired with square-dark), not the surrounding colorScheme theme — this token still varies per colorScheme."
+    },
     {
       "id": "opacity",
       "label": "Opacity",
@@ -193,6 +203,11 @@
       "label": "Letter Spacing",
       "description": "Horizontal spacing between characters"
     },
+    {
+      "id": "typography",
+      "label": "Typography",
+      "description": "Composite type style bundling font family, size, weight, letter-spacing, and line-height in one value"
+    },
     {
       "id": "text-align",
       "label": "Text Align",

package/registry/variants.json

@@ -228,6 +228,13 @@
       "category": "emphasis",
       "usedIn": ["tokens"]
     },
+    {
+      "id": "component",
+      "label": "Component",
+      "description": "Compact in-component typography scale, alongside the page-level body/detail/heading/title roles",
+      "category": "typography-role",
+      "usedIn": ["tokens"]
+    },
     {
       "id": "static",
       "label": "Static",

package/tokens/typography.tokens.json

@@ -837,7 +837,9 @@
   },
   {
     "name": {
-      "property": "component-l-bold",
+      "variant": "component",
+      "property": "typography",
+      "size": "l",
       "weight": "bold",
       "legacyKey": "component-l-bold"
     },
@@ -853,7 +855,9 @@
   },
   {
     "name": {
-      "property": "component-l-medium",
+      "variant": "component",
+      "property": "typography",
+      "size": "l",
       "weight": "medium",
       "legacyKey": "component-l-medium"
     },
@@ -869,7 +873,9 @@
   },
   {
     "name": {
-      "property": "component-l-regular",
+      "variant": "component",
+      "property": "typography",
+      "size": "l",
       "weight": "regular",
       "legacyKey": "component-l-regular"
     },
@@ -885,7 +891,9 @@
   },
   {
     "name": {
-      "property": "component-m-bold",
+      "variant": "component",
+      "property": "typography",
+      "size": "m",
       "weight": "bold",
       "legacyKey": "component-m-bold"
     },
@@ -901,7 +909,9 @@
   },
   {
     "name": {
-      "property": "component-m-medium",
+      "variant": "component",
+      "property": "typography",
+      "size": "m",
       "weight": "medium",
       "legacyKey": "component-m-medium"
     },
@@ -917,7 +927,9 @@
   },
   {
     "name": {
-      "property": "component-m-regular",
+      "variant": "component",
+      "property": "typography",
+      "size": "m",
       "weight": "regular",
       "legacyKey": "component-m-regular"
     },
@@ -933,7 +945,9 @@
   },
   {
     "name": {
-      "property": "component-s-bold",
+      "variant": "component",
+      "property": "typography",
+      "size": "s",
       "weight": "bold",
       "legacyKey": "component-s-bold"
     },
@@ -949,7 +963,9 @@
   },
   {
     "name": {
-      "property": "component-s-medium",
+      "variant": "component",
+      "property": "typography",
+      "size": "s",
       "weight": "medium",
       "legacyKey": "component-s-medium"
     },
@@ -965,7 +981,9 @@
   },
   {
     "name": {
-      "property": "component-s-regular",
+      "variant": "component",
+      "property": "typography",
+      "size": "s",
       "weight": "regular",
       "legacyKey": "component-s-regular"
     },
@@ -981,7 +999,9 @@
   },
   {
     "name": {
-      "property": "component-xl-bold",
+      "variant": "component",
+      "property": "typography",
+      "size": "xl",
       "weight": "bold",
       "legacyKey": "component-xl-bold"
     },
@@ -997,7 +1017,9 @@
   },
   {
     "name": {
-      "property": "component-xl-medium",
+      "variant": "component",
+      "property": "typography",
+      "size": "xl",
       "weight": "medium",
       "legacyKey": "component-xl-medium"
     },
@@ -1013,7 +1035,9 @@
   },
   {
     "name": {
-      "property": "component-xl-regular",
+      "variant": "component",
+      "property": "typography",
+      "size": "xl",
       "weight": "regular",
       "legacyKey": "component-xl-regular"
     },
@@ -1029,7 +1053,9 @@
   },
   {
     "name": {
-      "property": "component-xs-bold",
+      "variant": "component",
+      "property": "typography",
+      "size": "xs",
       "weight": "bold",
       "legacyKey": "component-xs-bold"
     },
@@ -1045,7 +1071,9 @@
   },
   {
     "name": {
-      "property": "component-xs-medium",
+      "variant": "component",
+      "property": "typography",
+      "size": "xs",
       "weight": "medium",
       "legacyKey": "component-xs-medium"
     },
@@ -1061,7 +1089,9 @@
   },
   {
     "name": {
-      "property": "component-xs-regular",
+      "variant": "component",
+      "property": "typography",
+      "size": "xs",
       "weight": "regular",
       "legacyKey": "component-xs-regular"
     },