@adobe/spectrum-tokens 12.21.0 → 12.22.1

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @adobe/spectrum-tokens
 
+## 12.22.1
+
+### Patch Changes
+
+- 068dca4: Fixing a bug; `contextual-help-body-size` is referencing heading instead of body typography tokens.
+
+  ### Token Diff
+
+  _Token values updated (1):_
+
+  - `contextual-help-body-size`
+    - `desktop`: `heading-size-s` -> `body-size-s`
+    - `mobile`: `heading-size-xs` -> `body-size-xs`
+
+## 12.22.0
+
+### Minor Changes
+
+- f50ceea: Updated size for the Arrow UI icon used in submenus (previously was too small and looked imbalanced relative to everything else)
+
+  ### Token Diff
+
+  _Token values updated (4):_
+
+  - `navigational-indicator-top-to-back-icon-small`: `desktop` `7px` -> `6px` and `mobile` `9px` -> `7px`
+  - `navigational-indicator-top-to-back-icon-medium`: `desktop` `11px` -> `9px` and `mobile` `13px` -> `12px`
+  - `navigational-indicator-top-to-back-icon-large`: `desktop` `14px` -> `12px` and `mobile` `17px` -> `16px`
+  - `navigational-indicator-top-to-back-icon-extra-large`: `desktop` `17px` -> `15px` and `mobile` `22px` -> `19px`
+
 ## 12.21.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1588,7 +1588,7 @@
     "component-top-to-workflow-icon-300": "13px",
     "component-top-to-workflow-icon-50": "3px",
     "component-top-to-workflow-icon-75": "4px",
-    "contextual-help-body-size": "18px",
+    "contextual-help-body-size": "14px",
     "contextual-help-minimum-width": "268px",
     "contextual-help-title-size": "16px",
     "corner-radius-100": "4px",
@@ -1799,10 +1799,10 @@
     "meter-thickness-large": "6px",
     "meter-thickness-small": "4px",
     "meter-width": "192px",
-    "navigational-indicator-top-to-back-icon-extra-large": "17px",
-    "navigational-indicator-top-to-back-icon-large": "14px",
-    "navigational-indicator-top-to-back-icon-medium": "11px",
-    "navigational-indicator-top-to-back-icon-small": "7px",
+    "navigational-indicator-top-to-back-icon-extra-large": "15px",
+    "navigational-indicator-top-to-back-icon-large": "12px",
+    "navigational-indicator-top-to-back-icon-medium": "9px",
+    "navigational-indicator-top-to-back-icon-small": "6px",
     "opacity-checkerboard-square-size": "8px",
     "opacity-disabled": "0.3",
     "picker-border-width": "1px",

package/dist/json/variables.json

@@ -7540,14 +7540,6 @@
     "value": "rgba(0, 0, 0, 0.25)",
     "uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
   },
-  "color-loupe-drop-shadow-y": {
-    "value": "2px",
-    "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
-  },
-  "color-loupe-drop-shadow-blur": {
-    "value": "8px",
-    "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
-  },
   "color-loupe-inner-border": {
     "ref": "{transparent-black-200}",
     "value": "rgba(0, 0, 0, 0.1)",
@@ -15825,29 +15817,29 @@
   "contextual-help-body-size": {
     "sets": {
       "desktop": {
-        "ref": "{heading-size-s}",
+        "ref": "{body-size-s}",
         "sets": {
           "desktop": {
-            "value": "18px",
-            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
           },
           "mobile": {
-            "value": "22px",
-            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
         "uuid": "e458fa68-ab9c-4441-a7d5-a02f42df1cae"
       },
       "mobile": {
-        "ref": "{heading-size-xs}",
+        "ref": "{body-size-xs}",
         "sets": {
           "desktop": {
-            "value": "16px",
-            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
           },
           "mobile": {
-            "value": "19px",
-            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
           }
         },
         "uuid": "c180fa75-254e-4ee1-8b79-31a3d90254cc"
@@ -16575,6 +16567,14 @@
     "value": "1px",
     "uuid": "b3900f89-0a7a-4c47-a6d9-ca8aa19b9bfb"
   },
+  "color-loupe-drop-shadow-y": {
+    "value": "2px",
+    "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
+  },
+  "color-loupe-drop-shadow-blur": {
+    "value": "8px",
+    "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
+  },
   "card-minimum-width": {
     "value": "100px",
     "uuid": "55db9f3d-621d-4d23-b3d0-c0f2b0f3f9b0"
@@ -20871,11 +20871,11 @@
   "navigational-indicator-top-to-back-icon-small": {
     "sets": {
       "desktop": {
-        "value": "7px",
+        "value": "6px",
         "uuid": "70de4f97-bc4a-44af-9995-1042e3c7c78f"
       },
       "mobile": {
-        "value": "9px",
+        "value": "7px",
         "uuid": "d11ab0de-19bd-4f56-8798-0192fd0cfe0e"
       }
     }
@@ -20883,11 +20883,11 @@
   "navigational-indicator-top-to-back-icon-medium": {
     "sets": {
       "desktop": {
-        "value": "11px",
+        "value": "9px",
         "uuid": "5561a148-fd77-44d3-b29d-3ed7389122a1"
       },
       "mobile": {
-        "value": "13px",
+        "value": "12px",
         "uuid": "74f8a686-0e06-4f7c-9e3d-694749beb420"
       }
     }
@@ -20895,11 +20895,11 @@
   "navigational-indicator-top-to-back-icon-large": {
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "12px",
         "uuid": "c0e06d21-7372-401f-9ec2-926e2b1faf26"
       },
       "mobile": {
-        "value": "17px",
+        "value": "16px",
         "uuid": "e84bc865-c89f-403e-bb14-2a11f03fd364"
       }
     }
@@ -20907,11 +20907,11 @@
   "navigational-indicator-top-to-back-icon-extra-large": {
     "sets": {
       "desktop": {
-        "value": "17px",
+        "value": "15px",
         "uuid": "ac4d18d5-361c-4425-82c3-83979d58f682"
       },
       "mobile": {
-        "value": "22px",
+        "value": "19px",
         "uuid": "e68f2798-6a55-499a-b591-0cfc130607ba"
       }
     }

package/package.json

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

package/src/color-component.json

@@ -90,16 +90,6 @@
     "value": "{transparent-black-300}",
     "uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
   },
-  "color-loupe-drop-shadow-y": {
-    "component": "color-loupe",
-    "value": "2px",
-    "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
-  },
-  "color-loupe-drop-shadow-blur": {
-    "component": "color-loupe",
-    "value": "8px",
-    "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
-  },
   "color-loupe-inner-border": {
     "component": "color-loupe",
     "value": "{transparent-black-200}",

package/src/layout-component.json

@@ -3091,11 +3091,11 @@
     "component": "contextual-help",
     "sets": {
       "desktop": {
-        "value": "{heading-size-s}",
+        "value": "{body-size-s}",
         "uuid": "e458fa68-ab9c-4441-a7d5-a02f42df1cae"
       },
       "mobile": {
-        "value": "{heading-size-xs}",
+        "value": "{body-size-xs}",
         "uuid": "c180fa75-254e-4ee1-8b79-31a3d90254cc"
       }
     }
@@ -3767,6 +3767,16 @@
     "value": "1px",
     "uuid": "b3900f89-0a7a-4c47-a6d9-ca8aa19b9bfb"
   },
+  "color-loupe-drop-shadow-y": {
+    "component": "color-loupe",
+    "value": "2px",
+    "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
+  },
+  "color-loupe-drop-shadow-blur": {
+    "component": "color-loupe",
+    "value": "8px",
+    "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
+  },
   "card-minimum-width": {
     "component": "cards",
     "value": "100px",

package/src/layout.json

@@ -1696,11 +1696,11 @@
   "navigational-indicator-top-to-back-icon-small": {
     "sets": {
       "desktop": {
-        "value": "7px",
+        "value": "6px",
         "uuid": "70de4f97-bc4a-44af-9995-1042e3c7c78f"
       },
       "mobile": {
-        "value": "9px",
+        "value": "7px",
         "uuid": "d11ab0de-19bd-4f56-8798-0192fd0cfe0e"
       }
     }
@@ -1708,11 +1708,11 @@
   "navigational-indicator-top-to-back-icon-medium": {
     "sets": {
       "desktop": {
-        "value": "11px",
+        "value": "9px",
         "uuid": "5561a148-fd77-44d3-b29d-3ed7389122a1"
       },
       "mobile": {
-        "value": "13px",
+        "value": "12px",
         "uuid": "74f8a686-0e06-4f7c-9e3d-694749beb420"
       }
     }
@@ -1720,11 +1720,11 @@
   "navigational-indicator-top-to-back-icon-large": {
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "12px",
         "uuid": "c0e06d21-7372-401f-9ec2-926e2b1faf26"
       },
       "mobile": {
-        "value": "17px",
+        "value": "16px",
         "uuid": "e84bc865-c89f-403e-bb14-2a11f03fd364"
       }
     }
@@ -1732,11 +1732,11 @@
   "navigational-indicator-top-to-back-icon-extra-large": {
     "sets": {
       "desktop": {
-        "value": "17px",
+        "value": "15px",
         "uuid": "ac4d18d5-361c-4425-82c3-83979d58f682"
       },
       "mobile": {
-        "value": "22px",
+        "value": "19px",
         "uuid": "e68f2798-6a55-499a-b591-0cfc130607ba"
       }
     }