chore(tokens): use @adobe/spectrum-tokens@13.0.0-beta.30 (#2678)

* chore(tokens): use spectrum-tokens@13.0.0-beta.30
* chore: add changeset

Author: pfulton

.changeset/pretty-parents-drum.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+use spectrum-tokens@13.0.0-beta.30

components/commons/package.json

@@ -30,7 +30,7 @@
 		"@spectrum-css/tokens": ">=14.0.0-next.0"
 	},
 	"devDependencies": {
-		"@spectrum-css/tokens": "^16.0.0"
+		"@spectrum-css/tokens": "^14.0.0-next.4"
 	},
 	"keywords": [
 		"design-system",

tokens/dist/json/tokens.json

@@ -612,10 +612,10 @@
     "prop": "--spectrum-alert-banner-to-top-workflow-icon",
     "ref": "var(--spectrum-alert-banner-top-to-workflow-icon)",
     "desktop": {
-      "value": "19px"
+      "value": "18px"
     },
     "mobile": {
-      "value": "21px"
+      "value": "20px"
     }
   },
   "alert-banner-top-to-alert-icon": {
@@ -639,10 +639,10 @@
   "alert-banner-top-to-workflow-icon": {
     "prop": "--spectrum-alert-banner-top-to-workflow-icon",
     "desktop": {
-      "value": "19px"
+      "value": "18px"
     },
     "mobile": {
-      "value": "21px"
+      "value": "20px"
     }
   },
   "alert-banner-width": {
@@ -2940,8 +2940,13 @@
   },
   "color-loupe-drop-shadow-color": {
     "prop": "--spectrum-color-loupe-drop-shadow-color",
-    "ref": "var(--spectrum-transparent-black-300)",
-    "value": "rgba(0, 0, 0, 0.15)"
+    "ref": "var(--spectrum-drop-shadow-elevated-color)",
+    "light": {
+      "value": "rgba(0, 0, 0, 0.16)"
+    },
+    "dark": {
+      "value": "rgba(0, 0, 0, 0.48)"
+    }
   },
   "color-loupe-drop-shadow-y": {
     "prop": "--spectrum-color-loupe-drop-shadow-y",
@@ -3393,28 +3398,28 @@
   "component-pill-edge-to-visual-only-100": {
     "prop": "--spectrum-component-pill-edge-to-visual-only-100",
     "desktop": {
-      "value": "7px"
+      "value": "6px"
     },
     "mobile": {
-      "value": "9px"
+      "value": "8px"
     }
   },
   "component-pill-edge-to-visual-only-200": {
     "prop": "--spectrum-component-pill-edge-to-visual-only-200",
     "desktop": {
-      "value": "10px"
+      "value": "9px"
     },
     "mobile": {
-      "value": "13px"
+      "value": "11px"
     }
   },
   "component-pill-edge-to-visual-only-300": {
     "prop": "--spectrum-component-pill-edge-to-visual-only-300",
     "desktop": {
-      "value": "13px"
+      "value": "11px"
     },
     "mobile": {
-      "value": "16px"
+      "value": "15px"
     }
   },
   "component-pill-edge-to-visual-only-75": {
@@ -3423,7 +3428,7 @@
       "value": "4px"
     },
     "mobile": {
-      "value": "5px"
+      "value": "6px"
     }
   },
   "component-size-difference-down": {
@@ -10218,6 +10223,42 @@
     "prop": "--spectrum-spacing-900",
     "value": "80px"
   },
+  "standard-dialog-body-font-size": {
+    "prop": "--spectrum-standard-dialog-body-font-size",
+    "ref": "var(--spectrum-body-size-s)",
+    "desktop": {
+      "value": "16px"
+    },
+    "mobile": {
+      "value": "17px"
+    }
+  },
+  "standard-dialog-maximum-width-large": {
+    "prop": "--spectrum-standard-dialog-maximum-width-large",
+    "value": "640px"
+  },
+  "standard-dialog-maximum-width-medium": {
+    "prop": "--spectrum-standard-dialog-maximum-width-medium",
+    "value": "480px"
+  },
+  "standard-dialog-maximum-width-small": {
+    "prop": "--spectrum-standard-dialog-maximum-width-small",
+    "value": "400px"
+  },
+  "standard-dialog-minimum-width": {
+    "prop": "--spectrum-standard-dialog-minimum-width",
+    "value": "288px"
+  },
+  "standard-dialog-title-font-size": {
+    "prop": "--spectrum-standard-dialog-title-font-size",
+    "ref": "var(--spectrum-title-size-xl)",
+    "desktop": {
+      "value": "22px"
+    },
+    "mobile": {
+      "value": "24px"
+    }
+  },
   "static-black-focus-indicator-color": {
     "prop": "--spectrum-static-black-focus-indicator-color",
     "ref": "var(--spectrum-black)",
@@ -10231,59 +10272,104 @@
   "status-light-dot-size-extra-large": {
     "prop": "--spectrum-status-light-dot-size-extra-large",
     "desktop": {
-      "value": "10px"
+      "value": "14px"
     },
     "mobile": {
-      "value": "12px"
+      "value": "16px"
     }
   },
   "status-light-dot-size-large": {
     "prop": "--spectrum-status-light-dot-size-large",
     "desktop": {
-      "value": "10px"
+      "value": "12px"
     },
     "mobile": {
-      "value": "12px"
+      "value": "14px"
     }
   },
   "status-light-dot-size-medium": {
     "prop": "--spectrum-status-light-dot-size-medium",
     "desktop": {
-      "value": "8px"
+      "value": "10px"
     },
     "mobile": {
-      "value": "10px"
+      "value": "12px"
     }
   },
   "status-light-dot-size-small": {
     "prop": "--spectrum-status-light-dot-size-small",
-    "value": "8px"
+    "desktop": {
+      "value": "8px"
+    },
+    "mobile": {
+      "value": "10px"
+    }
+  },
+  "status-light-text-to-visual-100": {
+    "prop": "--spectrum-status-light-text-to-visual-100",
+    "ref": "var(--spectrum-text-to-visual-100)",
+    "desktop": {
+      "value": "6px"
+    },
+    "mobile": {
+      "value": "8px"
+    }
+  },
+  "status-light-text-to-visual-200": {
+    "prop": "--spectrum-status-light-text-to-visual-200",
+    "ref": "var(--spectrum-text-to-visual-200)",
+    "desktop": {
+      "value": "7px"
+    },
+    "mobile": {
+      "value": "9px"
+    }
+  },
+  "status-light-text-to-visual-300": {
+    "prop": "--spectrum-status-light-text-to-visual-300",
+    "ref": "var(--spectrum-text-to-visual-300)",
+    "desktop": {
+      "value": "8px"
+    },
+    "mobile": {
+      "value": "10px"
+    }
+  },
+  "status-light-text-to-visual-75": {
+    "prop": "--spectrum-status-light-text-to-visual-75",
+    "ref": "var(--spectrum-text-to-visual-75)",
+    "desktop": {
+      "value": "5px"
+    },
+    "mobile": {
+      "value": "7px"
+    }
   },
   "status-light-top-to-dot-extra-large": {
     "prop": "--spectrum-status-light-top-to-dot-extra-large",
     "desktop": {
-      "value": "19px"
+      "value": "17px"
     },
     "mobile": {
-      "value": "24px"
+      "value": "22px"
     }
   },
   "status-light-top-to-dot-large": {
     "prop": "--spectrum-status-light-top-to-dot-large",
     "desktop": {
-      "value": "15px"
+      "value": "14px"
     },
     "mobile": {
-      "value": "19px"
+      "value": "18px"
     }
   },
   "status-light-top-to-dot-medium": {
     "prop": "--spectrum-status-light-top-to-dot-medium",
     "desktop": {
-      "value": "12px"
+      "value": "11px"
     },
     "mobile": {
-      "value": "15px"
+      "value": "14px"
     }
   },
   "status-light-top-to-dot-small": {
@@ -10292,7 +10378,7 @@
       "value": "8px"
     },
     "mobile": {
-      "value": "11px"
+      "value": "10px"
     }
   },
   "swatch-border-color": {

tokens/package.json

@@ -27,7 +27,7 @@
 		"package.json"
 	],
 	"devDependencies": {
-		"@adobe/spectrum-tokens": "13.0.0-beta.27",
+		"@adobe/spectrum-tokens": "13.0.0-beta.30",
 		"@adobe/token-diff-generator": "^1.3.0",
 		"@nxkit/style-dictionary": "^6.0.0",
 		"@spectrum-tools/postcss-rgb-mapping": "1.0.0",

yarn.lock

@@ -185,10 +185,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@adobe/spectrum-tokens@npm:13.0.0-beta.27":
-  version: 13.0.0-beta.27
-  resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.27"
-  checksum: 10c0/4fda766707895bc0f4d92d393341735b0f8b3dabcbafcb93af930b2bbbba3a13631b663c17c1b8e9b34bc333257473ba57543d9716ebfa61316980aed4ac09fa
+"@adobe/spectrum-tokens@npm:13.0.0-beta.30":
+  version: 13.0.0-beta.30
+  resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.30"
+  checksum: 10c0/78c0627a4f1ba4adff1adab5c3be4bf5a98a8f6ac0dd5e7806a3db12d3f67f2e3afa85828c7e34f843e29ad91c0d2bd009bfbc9fecec81ab7e4b05c1dd81bab8
   languageName: node
   linkType: hard
 
@@ -4403,7 +4403,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@spectrum-css/commons@workspace:components/commons"
   dependencies:
-    "@spectrum-css/tokens": "npm:^16.0.0"
+    "@spectrum-css/tokens": "npm:^14.0.0-next.4"
   peerDependencies:
     "@spectrum-css/tokens": ">=14.0.0-next.0"
   languageName: unknown
@@ -5442,11 +5442,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@spectrum-css/tokens@npm:14.0.0-next.6, @spectrum-css/tokens@workspace:^, @spectrum-css/tokens@workspace:tokens":
+"@spectrum-css/tokens@npm:14.0.0-next.6, @spectrum-css/tokens@npm:^14.0.0-next.4, @spectrum-css/tokens@workspace:^, @spectrum-css/tokens@workspace:tokens":
   version: 0.0.0-use.local
   resolution: "@spectrum-css/tokens@workspace:tokens"
   dependencies:
-    "@adobe/spectrum-tokens": "npm:13.0.0-beta.27"
+    "@adobe/spectrum-tokens": "npm:13.0.0-beta.30"
     "@adobe/token-diff-generator": "npm:^1.3.0"
     "@nxkit/style-dictionary": "npm:^6.0.0"
     "@spectrum-tools/postcss-rgb-mapping": "npm:1.0.0"
@@ -5457,13 +5457,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@spectrum-css/tokens@npm:^16.0.0":
-  version: 16.0.0
-  resolution: "@spectrum-css/tokens@npm:16.0.0"
-  checksum: 10c0/f80225dc86ed51e2d6fed61c917b76439800fe1a192a476d6688bcf321ea48fe7f985bed483f3cd2f28ff244808c1cc6977a2e785d630b9c1db90dc0ba976633
-  languageName: node
-  linkType: hard
-
 "@spectrum-css/tooltip@npm:7.1.0, @spectrum-css/tooltip@workspace:^, @spectrum-css/tooltip@workspace:components/tooltip":
   version: 0.0.0-use.local
   resolution: "@spectrum-css/tooltip@workspace:components/tooltip"