@adobe/spectrum-tokens 13.0.0-beta.18 → 13.0.0-beta.19

package/CHANGELOG.md

@@ -1,5 +1,93 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.19
+
+### Minor Changes
+
+- 723d3b0: Updated, added, and deprecated tokens for text field and text area.
+
+  ## Design Motivation
+
+  Updating text field and text area for Spectrum 2.
+
+  ## Token Diff
+
+  _Tokens added (4):_
+
+  - `field-width-small`
+  - `field-width-medium`
+  - `field-width-large`
+  - `field-width-extra-large`
+
+  _Updated token values (4):_
+
+  - `side-label-character-count-top-margin-small`
+  - `side-label-character-count-top-margin-medium`
+  - `side-label-character-count-top-margin-large`
+  - `side-label-character-count-top-margin-extra-large`
+
+  _Newly deprecated tokens (8):_
+
+  - `field-width`
+  - `field-edge-to-text-quiet`
+  - `field-edge-to-border-quiet`
+  - `field-edge-to-alert-icon-quiet`
+  - `field-edge-to-validation-icon-quiet`
+  - `field-label-to-component-quiet-small`
+  - `field-label-to-component-quiet-medium`
+  - `field-label-to-component-quiet-large`
+  - `field-label-to-component-quiet-extra-large`
+  - `character-count-to-field-quiet-small`
+  - `character-count-to-field-quiet-medium`
+  - `character-count-to-field-quiet-large`
+  - `character-count-to-field-quiet-extra-large`
+
+- 66b1edf: Updated color of color-area-border-color token from gray.900 to gray.1000 in both light and dark sets.
+
+  ## Design motivation
+
+  These changes occurred as a result of scaling things for S2 design language and experiences.
+
+  ## Token Diff
+
+  _Token value updated (1):_
+
+  - `color-area-border-color`
+
+- 7b5f18b: Update alert banner for Spectrum 2
+
+  ## Design Motivation
+
+  These changes occurred as a result of scaling things for S2 design language and experiences.
+
+  ## Token Diff
+
+  _Token values updated (5):_
+
+  - `alert-banner-bottom-to-text`
+  - `alert-banner-minimum-height`
+  - `alert-banner-top-to-text`
+  - `alert-banner-top-to-workflow-icon`
+  - `search-field-minimum-width-multiplier`
+
+- 4a84fdd: Spectrum 2 Toast Tokens
+
+  ## Design motivation
+
+  Updated the `color-area-border-rounding` token type from spacing to borderRadius and adjusted value referenced, desktop and mobile scale.
+
+  These changes occurred as a result of scaling things for S2 design language and experiences.
+
+  ## Token Diff
+
+  _Token values updated (5):_
+
+  - `toast-height`
+  - `toast-top-to-workflow-icon`
+  - `toast-top-to-text`
+  - `toast-bottom-to-text`
+  - `color-area-border-rounding`
+
 ## 13.0.0-beta.18
 
 ### Minor Changes

package/dist/json/drover.json

@@ -138,7 +138,7 @@
       "cinnamon-visual-color": "rgb(184, 109, 70)",
       "coach-mark-pagination-color": "rgb(113, 113, 113)",
       "code-color": "rgb(41, 41, 41)",
-      "color-area-border-color": "rgb(19, 19, 19)",
+      "color-area-border-color": "rgb(0, 0, 0)",
       "color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
       "color-handle-inner-border-color": "rgb(0, 0, 0)",
       "color-handle-outer-border-color": "rgb(0, 0, 0)",
@@ -703,7 +703,7 @@
       "cinnamon-visual-color": "rgb(192, 119, 80)",
       "coach-mark-pagination-color": "rgb(138, 138, 138)",
       "code-color": "rgb(219, 219, 219)",
-      "color-area-border-color": "rgb(242, 242, 242)",
+      "color-area-border-color": "rgb(255, 255, 255)",
       "color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.8)",
       "color-handle-inner-border-color": "rgb(0, 0, 0)",
       "color-handle-outer-border-color": "rgb(0, 0, 0)",
@@ -1231,13 +1231,13 @@
     "action-button-edge-to-hold-icon-large": "5px",
     "action-button-edge-to-hold-icon-medium": "4px",
     "action-button-edge-to-hold-icon-small": "3px",
-    "alert-banner-bottom-to-text": "17px",
-    "alert-banner-minimum-height": "48px",
-    "alert-banner-to-bottom-text": "17px",
-    "alert-banner-to-top-text": "14px",
-    "alert-banner-to-top-workflow-icon": "15px",
-    "alert-banner-top-to-text": "14px",
-    "alert-banner-top-to-workflow-icon": "15px",
+    "alert-banner-bottom-to-text": "20px",
+    "alert-banner-minimum-height": "56px",
+    "alert-banner-to-bottom-text": "20px",
+    "alert-banner-to-top-text": "18px",
+    "alert-banner-to-top-workflow-icon": "19px",
+    "alert-banner-top-to-text": "18px",
+    "alert-banner-top-to-workflow-icon": "19px",
     "alert-banner-width": "832px",
     "alert-dialog-description-size": "14px",
     "alert-dialog-maximum-width": "480px",
@@ -1355,7 +1355,7 @@
     "code-size-xl": "20px",
     "code-size-xs": "12px",
     "color-area-border-opacity": "0.1",
-    "color-area-border-rounding": "4px",
+    "color-area-border-rounding": "7px",
     "color-area-border-width": "1px",
     "color-area-height": "192px",
     "color-area-minimum-height": "64px",
@@ -1587,6 +1587,10 @@
     "field-top-to-validation-icon-medium": "11px",
     "field-top-to-validation-icon-small": "7px",
     "field-width": "192px",
+    "field-width-extra-large": "240px",
+    "field-width-large": "224px",
+    "field-width-medium": "208px",
+    "field-width-small": "192px",
     "floating-action-button-drop-shadow-blur": "12px",
     "floating-action-button-drop-shadow-y": "4px",
     "focus-indicator-gap": "2px",
@@ -1717,10 +1721,10 @@
     "rating-indicator-to-icon": "4px",
     "rating-indicator-width": "18px",
     "side-label-character-count-to-field": "12px",
-    "side-label-character-count-top-margin-extra-large": "14px",
-    "side-label-character-count-top-margin-large": "11px",
-    "side-label-character-count-top-margin-medium": "8px",
-    "side-label-character-count-top-margin-small": "4px",
+    "side-label-character-count-top-margin-extra-large": "0px",
+    "side-label-character-count-top-margin-large": "0px",
+    "side-label-character-count-top-margin-medium": "0px",
+    "side-label-character-count-top-margin-small": "0px",
     "side-navigation-bottom-to-text": "8px",
     "side-navigation-header-to-item": "8px",
     "side-navigation-item-to-header": "24px",
@@ -1978,11 +1982,11 @@
     "thumbnail-size-75": "18px",
     "thumbnail-size-800": "44px",
     "thumbnail-size-900": "50px",
-    "toast-bottom-to-text": "17px",
-    "toast-height": "48px",
+    "toast-bottom-to-text": "20px",
+    "toast-height": "52px",
     "toast-maximum-width": "336px",
-    "toast-top-to-text": "14px",
-    "toast-top-to-workflow-icon": "15px",
+    "toast-top-to-text": "18px",
+    "toast-top-to-workflow-icon": "18px",
     "tooltip-maximum-width": "160px",
     "tooltip-tip-corner-radius": "1px",
     "tooltip-tip-height": "5px",

package/dist/json/variables.json

@@ -4887,19 +4887,19 @@
     "uuid": "84d25d1b-f9e4-4a9e-8cd0-92367ff00637"
   },
   "color-area-border-color": {
-    "ref": "{gray-900}",
+    "ref": "{gray-1000}",
     "sets": {
-      "light": {
-        "value": "rgb(19, 19, 19)",
-        "uuid": "59093f0d-98b7-4659-bea6-3248ad20e96c"
-      },
       "dark": {
-        "value": "rgb(242, 242, 242)",
-        "uuid": "90d25d68-afb1-4b2a-9dba-3fe22d44976f"
+        "value": "rgb(255, 255, 255)",
+        "uuid": "5ce8c477-ae6e-427a-ac5c-79d15c8056ab"
+      },
+      "light": {
+        "value": "rgb(0, 0, 0)",
+        "uuid": "457fbeb8-56cd-4f3c-9950-f5e01f83f07c"
       },
       "wireframe": {
-        "value": "rgb(72, 110, 194)",
-        "uuid": "93fb6cac-b190-4a5a-951f-f5dc4c0d5978"
+        "value": "rgb(8, 12, 22)",
+        "uuid": "e804baf9-ae2c-4574-96d9-10cd5253fe47"
       }
     },
     "uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
@@ -11319,11 +11319,11 @@
   "toast-height": {
     "sets": {
       "desktop": {
-        "value": "48px",
+        "value": "52px",
         "uuid": "a6267318-c8b1-43d4-99b6-ca2a55e9dff4"
       },
       "mobile": {
-        "value": "56px",
+        "value": "60px",
         "uuid": "12c8ae92-16b9-48ec-801c-bf07785da4b3"
       }
     }
@@ -11343,11 +11343,11 @@
   "toast-top-to-workflow-icon": {
     "sets": {
       "desktop": {
-        "value": "15px",
+        "value": "18px",
         "uuid": "d10d2a55-2b4d-46b1-81e9-521d6c3578e1"
       },
       "mobile": {
-        "value": "17px",
+        "value": "20px",
         "uuid": "1f83245b-3d79-4326-b843-df7b6549cade"
       }
     }
@@ -11355,11 +11355,11 @@
   "toast-top-to-text": {
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "18px",
         "uuid": "be4f24cf-9334-4fc4-aa72-e0347beecda7"
       },
       "mobile": {
-        "value": "16px",
+        "value": "20px",
         "uuid": "9f0688f5-128f-47c3-8585-94d704214881"
       }
     }
@@ -11367,11 +11367,11 @@
   "toast-bottom-to-text": {
     "sets": {
       "desktop": {
-        "value": "17px",
+        "value": "20px",
         "uuid": "821e8f74-d1de-4507-9ff7-ece44e535e8c"
       },
       "mobile": {
-        "value": "19px",
+        "value": "22px",
         "uuid": "a790fd9e-4e5f-4f4c-a3ca-832540832580"
       }
     }
@@ -12863,7 +12863,7 @@
   "alert-banner-minimum-height": {
     "sets": {
       "desktop": {
-        "value": "48px",
+        "value": "56px",
         "uuid": "450405f8-4f08-4151-85dd-730b669a7ed0"
       },
       "mobile": {
@@ -12888,7 +12888,7 @@
     "ref": "{alert-banner-top-to-workflow-icon}",
     "sets": {
       "desktop": {
-        "value": "15px",
+        "value": "19px",
         "uuid": "fbe047c4-0346-4b81-bdf6-6565cede7a28"
       },
       "mobile": {
@@ -12901,7 +12901,7 @@
   "alert-banner-top-to-workflow-icon": {
     "sets": {
       "desktop": {
-        "value": "15px",
+        "value": "19px",
         "uuid": "fbe047c4-0346-4b81-bdf6-6565cede7a28"
       },
       "mobile": {
@@ -12914,7 +12914,7 @@
     "ref": "{alert-banner-top-to-text}",
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "18px",
         "uuid": "1d289972-d5ba-41e8-8935-e8c83afb15cf"
       },
       "mobile": {
@@ -12927,7 +12927,7 @@
   "alert-banner-top-to-text": {
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "18px",
         "uuid": "1d289972-d5ba-41e8-8935-e8c83afb15cf"
       },
       "mobile": {
@@ -12940,7 +12940,7 @@
     "ref": "{alert-banner-bottom-to-text}",
     "sets": {
       "desktop": {
-        "value": "17px",
+        "value": "20px",
         "uuid": "e19fdd96-44a4-407b-b2b1-01001684fc84"
       },
       "mobile": {
@@ -12953,7 +12953,7 @@
   "alert-banner-bottom-to-text": {
     "sets": {
       "desktop": {
-        "value": "17px",
+        "value": "20px",
         "uuid": "e19fdd96-44a4-407b-b2b1-01001684fc84"
       },
       "mobile": {
@@ -13040,8 +13040,8 @@
     "uuid": "78fff16d-d6fe-4a74-98bc-97c56e352250"
   },
   "color-area-border-rounding": {
-    "ref": "{corner-radius-100}",
-    "value": "4px",
+    "ref": "{corner-radius-medium-size-small}",
+    "value": "7px",
     "uuid": "ab656bf4-8814-42fa-9036-b1e67159e4e1"
   },
   "color-wheel-width": {
@@ -13214,7 +13214,7 @@
     }
   },
   "search-field-minimum-width-multiplier": {
-    "value": "3",
+    "value": "4",
     "uuid": "c4b2177d-4468-4180-be27-69d26a51ba0b"
   },
   "color-loupe-height": {
@@ -17835,15 +17835,47 @@
   "field-width": {
     "sets": {
       "desktop": {
-        "value": "192px",
+        "ref": "{field-width-small}",
+        "sets": {
+          "desktop": {
+            "value": "192px",
+            "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
+          },
+          "mobile": {
+            "value": "240px",
+            "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
+          }
+        },
         "uuid": "096ddcb7-5afd-416f-9a11-4275556c4b52"
       },
       "mobile": {
-        "value": "240px",
+        "ref": "{field-width-small}",
+        "sets": {
+          "desktop": {
+            "value": "192px",
+            "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
+          },
+          "mobile": {
+            "value": "240px",
+            "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
+          }
+        },
         "uuid": "08c2390a-353b-4e6b-b025-dbaeaa5fdff2"
       }
     }
   },
+  "field-width-small": {
+    "sets": {
+      "desktop": {
+        "value": "192px",
+        "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
+      },
+      "mobile": {
+        "value": "240px",
+        "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
+      }
+    }
+  },
   "character-count-to-field-quiet-small": {
     "sets": {
       "desktop": {
@@ -17905,52 +17937,20 @@
     }
   },
   "side-label-character-count-top-margin-small": {
-    "sets": {
-      "desktop": {
-        "value": "4px",
-        "uuid": "a86ae363-b6b4-4da0-9630-97336922b3a1"
-      },
-      "mobile": {
-        "value": "5px",
-        "uuid": "9196a2ad-67cd-44d8-b4c6-bca25e37eb4a"
-      }
-    }
+    "value": "0px",
+    "uuid": "a86ae363-b6b4-4da0-9630-97336922b3a1"
   },
   "side-label-character-count-top-margin-medium": {
-    "sets": {
-      "desktop": {
-        "value": "8px",
-        "uuid": "4d93210f-f01a-4d1c-8c10-2cb4b9d14626"
-      },
-      "mobile": {
-        "value": "10px",
-        "uuid": "a2b20c88-d28c-4261-8160-62630c5e0da8"
-      }
-    }
+    "value": "0px",
+    "uuid": "4d93210f-f01a-4d1c-8c10-2cb4b9d14626"
   },
   "side-label-character-count-top-margin-large": {
-    "sets": {
-      "desktop": {
-        "value": "11px",
-        "uuid": "e2d9e241-469a-4b03-bd6a-a105a8ed5e00"
-      },
-      "mobile": {
-        "value": "14px",
-        "uuid": "ca10a5d6-a8b2-414d-978a-14481e2a21cb"
-      }
-    }
+    "value": "0px",
+    "uuid": "e2d9e241-469a-4b03-bd6a-a105a8ed5e00"
   },
   "side-label-character-count-top-margin-extra-large": {
-    "sets": {
-      "desktop": {
-        "value": "14px",
-        "uuid": "9b1f15bf-ea4f-4f82-8c4f-3770b7f47353"
-      },
-      "mobile": {
-        "value": "18px",
-        "uuid": "c2c4ddf3-f273-4e23-9be0-e1227e9999a8"
-      }
-    }
+    "value": "0px",
+    "uuid": "9b1f15bf-ea4f-4f82-8c4f-3770b7f47353"
   },
   "disclosure-indicator-top-to-disclosure-icon-small": {
     "sets": {
@@ -18203,6 +18203,42 @@
     "value": "10px",
     "uuid": "81752b3e-488a-4273-abb5-4ba8b7f278d9"
   },
+  "field-width-medium": {
+    "sets": {
+      "desktop": {
+        "value": "208px",
+        "uuid": "935927d3-b25e-468a-999a-938643901e50"
+      },
+      "mobile": {
+        "value": "256px",
+        "uuid": "4504fa00-b3ee-4065-9202-0ad226e731d7"
+      }
+    }
+  },
+  "field-width-large": {
+    "sets": {
+      "desktop": {
+        "value": "224px",
+        "uuid": "cc43e053-1255-403f-aaf5-2182f5438592"
+      },
+      "mobile": {
+        "value": "272px",
+        "uuid": "1767d955-b8c4-41b0-82d4-4aadc9f12ab1"
+      }
+    }
+  },
+  "field-width-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "240px",
+        "uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5"
+      },
+      "mobile": {
+        "value": "288px",
+        "uuid": "3abf72b5-5ed7-4d18-8eda-e137b2ac2f51"
+      }
+    }
+  },
   "accent-color-100": {
     "ref": "{blue-100}",
     "sets": {

package/package.json

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

package/src/color-component.json

@@ -77,7 +77,7 @@
   "color-area-border-color": {
     "component": "color-area",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{gray-900}",
+    "value": "{gray-1000}",
     "uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
   },
   "color-area-border-opacity": {

package/src/layout-component.json

@@ -618,12 +618,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-8px",
-        "uuid": "1218beeb-1d74-4e1a-b495-38d5f07afb55"
+        "uuid": "1218beeb-1d74-4e1a-b495-38d5f07afb55",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-10px",
-        "uuid": "2d3e67ce-de6d-4e41-bcf8-06b09c0bcce7"
+        "uuid": "2d3e67ce-de6d-4e41-bcf8-06b09c0bcce7",
+        "deprecated": true
       }
     }
   },
@@ -634,12 +636,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-8px",
-        "uuid": "dc00948e-3c0f-4c6b-8e3e-a7fbf396e059"
+        "uuid": "dc00948e-3c0f-4c6b-8e3e-a7fbf396e059",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-10px",
-        "uuid": "074489d2-66b0-4198-94fe-9818279bbf0f"
+        "uuid": "074489d2-66b0-4198-94fe-9818279bbf0f",
+        "deprecated": true
       }
     }
   },
@@ -650,12 +654,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-12px",
-        "uuid": "be80f1b1-4c08-479f-a39e-28b6a64714f2"
+        "uuid": "be80f1b1-4c08-479f-a39e-28b6a64714f2",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-15px",
-        "uuid": "c29cfb87-34e7-4397-bfd8-23378ecbb011"
+        "uuid": "c29cfb87-34e7-4397-bfd8-23378ecbb011",
+        "deprecated": true
       }
     }
   },
@@ -666,12 +672,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-15px",
-        "uuid": "d6c750dc-3117-4c1a-96bf-b94d530e912d"
+        "uuid": "d6c750dc-3117-4c1a-96bf-b94d530e912d",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-19px",
-        "uuid": "e1298748-d7cc-4bff-93bc-745b777fcf9e"
+        "uuid": "e1298748-d7cc-4bff-93bc-745b777fcf9e",
+        "deprecated": true
       }
     }
   },
@@ -1113,12 +1121,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "48px",
+        "value": "52px",
         "uuid": "a6267318-c8b1-43d4-99b6-ca2a55e9dff4"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "56px",
+        "value": "60px",
         "uuid": "12c8ae92-16b9-48ec-801c-bf07785da4b3"
       }
     }
@@ -1145,12 +1153,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "18px",
         "uuid": "d10d2a55-2b4d-46b1-81e9-521d6c3578e1"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "17px",
+        "value": "20px",
         "uuid": "1f83245b-3d79-4326-b843-df7b6549cade"
       }
     }
@@ -1161,12 +1169,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
+        "value": "18px",
         "uuid": "be4f24cf-9334-4fc4-aa72-e0347beecda7"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "20px",
         "uuid": "9f0688f5-128f-47c3-8585-94d704214881"
       }
     }
@@ -1177,12 +1185,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "17px",
+        "value": "20px",
         "uuid": "821e8f74-d1de-4507-9ff7-ece44e535e8c"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
+        "value": "22px",
         "uuid": "a790fd9e-4e5f-4f4c-a3ca-832540832580"
       }
     }
@@ -3064,7 +3072,7 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "48px",
+        "value": "56px",
         "uuid": "450405f8-4f08-4151-85dd-730b669a7ed0"
       },
       "mobile": {
@@ -3104,7 +3112,7 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "19px",
         "uuid": "fbe047c4-0346-4b81-bdf6-6565cede7a28"
       },
       "mobile": {
@@ -3128,7 +3136,7 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
+        "value": "18px",
         "uuid": "1d289972-d5ba-41e8-8935-e8c83afb15cf"
       },
       "mobile": {
@@ -3152,7 +3160,7 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "17px",
+        "value": "20px",
         "uuid": "e19fdd96-44a4-407b-b2b1-01001684fc84"
       },
       "mobile": {
@@ -3267,7 +3275,7 @@
   "color-area-border-rounding": {
     "component": "color-area",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{corner-radius-100}",
+    "value": "{corner-radius-medium-size-small}",
     "uuid": "ab656bf4-8814-42fa-9036-b1e67159e4e1"
   },
   "color-wheel-width": {
@@ -3421,7 +3429,7 @@
   "search-field-minimum-width-multiplier": {
     "component": "search-field",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
-    "value": "3",
+    "value": "4",
     "uuid": "c4b2177d-4468-4180-be27-69d26a51ba0b"
   },
   "color-loupe-height": {
@@ -7146,4 +7154,4 @@
       }
     }
   }
-}
+}

package/src/layout.json

@@ -1187,7 +1187,8 @@
   "field-edge-to-text-quiet": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "0px",
-    "uuid": "3f7cee20-c187-4066-be4b-f5a1335736f5"
+    "uuid": "3f7cee20-c187-4066-be4b-f5a1335736f5",
+    "deprecated": true
   },
   "field-edge-to-visual-quiet": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
@@ -1197,17 +1198,20 @@
   "field-edge-to-border-quiet": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "0px",
-    "uuid": "7fb81dcf-3329-4353-917d-75de8f43c05d"
+    "uuid": "7fb81dcf-3329-4353-917d-75de8f43c05d",
+    "deprecated": true
   },
   "field-edge-to-alert-icon-quiet": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "0px",
-    "uuid": "7858fdf3-e35f-4bc5-997a-0d480ec1cb32"
+    "uuid": "7858fdf3-e35f-4bc5-997a-0d480ec1cb32",
+    "deprecated": true
   },
   "field-edge-to-validation-icon-quiet": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "0px",
-    "uuid": "151915e5-f946-474f-9595-18d8a159a6ff"
+    "uuid": "151915e5-f946-474f-9595-18d8a159a6ff",
+    "deprecated": true
   },
   "field-edge-to-disclosure-icon-75": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
@@ -1810,17 +1814,34 @@
     }
   },
   "field-width": {
+    "deprecated": true,
+    "deprecated_comment": "This token has been deprecated, use field-width-small instead.",
+    "$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/alias.json",
+        "value": "{field-width-small}",
+        "uuid": "096ddcb7-5afd-416f-9a11-4275556c4b52"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{field-width-small}",
+        "uuid": "08c2390a-353b-4e6b-b025-dbaeaa5fdff2"
+      }
+    }
+  },
+  "field-width-small": {
     "$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": "192px",
-        "uuid": "096ddcb7-5afd-416f-9a11-4275556c4b52"
+        "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "240px",
-        "uuid": "08c2390a-353b-4e6b-b025-dbaeaa5fdff2"
+        "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
       }
     }
   },
@@ -1830,12 +1851,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-3px",
-        "uuid": "f2f62625-dfd4-46b0-9113-033820745569"
+        "uuid": "f2f62625-dfd4-46b0-9113-033820745569",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-4px",
-        "uuid": "819cdbf4-9e26-4fdf-895d-8f60c06efa2a"
+        "uuid": "819cdbf4-9e26-4fdf-895d-8f60c06efa2a",
+        "deprecated": true
       }
     }
   },
@@ -1845,12 +1868,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-3px",
-        "uuid": "2ebe9ae0-3b74-47dc-af79-e1dd5f93b9bd"
+        "uuid": "2ebe9ae0-3b74-47dc-af79-e1dd5f93b9bd",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-4px",
-        "uuid": "1cecea81-8c7f-4658-b3a2-0e1282f7eac9"
+        "uuid": "1cecea81-8c7f-4658-b3a2-0e1282f7eac9",
+        "deprecated": true
       }
     }
   },
@@ -1860,12 +1885,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-3px",
-        "uuid": "3f385135-015a-44dd-bde3-60389b14c2ff"
+        "uuid": "3f385135-015a-44dd-bde3-60389b14c2ff",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-4px",
-        "uuid": "cef58f98-9fb0-4fbb-b6aa-dc5786d7658a"
+        "uuid": "cef58f98-9fb0-4fbb-b6aa-dc5786d7658a",
+        "deprecated": true
       }
     }
   },
@@ -1875,12 +1902,14 @@
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-4px",
-        "uuid": "8b5b5dce-a9c4-4c03-a194-8a5bc716b18a"
+        "uuid": "8b5b5dce-a9c4-4c03-a194-8a5bc716b18a",
+        "deprecated": true
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "-5px",
-        "uuid": "2cfe025b-8bf8-47a3-8ff1-733cf62dd182"
+        "uuid": "2cfe025b-8bf8-47a3-8ff1-733cf62dd182",
+        "deprecated": true
       }
     }
   },
@@ -1900,64 +1929,24 @@
     }
   },
   "side-label-character-count-top-margin-small": {
-    "$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": "a86ae363-b6b4-4da0-9630-97336922b3a1"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "5px",
-        "uuid": "9196a2ad-67cd-44d8-b4c6-bca25e37eb4a"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "a86ae363-b6b4-4da0-9630-97336922b3a1"
   },
   "side-label-character-count-top-margin-medium": {
-    "$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": "4d93210f-f01a-4d1c-8c10-2cb4b9d14626"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "10px",
-        "uuid": "a2b20c88-d28c-4261-8160-62630c5e0da8"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "4d93210f-f01a-4d1c-8c10-2cb4b9d14626"
   },
   "side-label-character-count-top-margin-large": {
-    "$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": "11px",
-        "uuid": "e2d9e241-469a-4b03-bd6a-a105a8ed5e00"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
-        "uuid": "ca10a5d6-a8b2-414d-978a-14481e2a21cb"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "e2d9e241-469a-4b03-bd6a-a105a8ed5e00"
   },
   "side-label-character-count-top-margin-extra-large": {
-    "$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": "14px",
-        "uuid": "9b1f15bf-ea4f-4f82-8c4f-3770b7f47353"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "18px",
-        "uuid": "c2c4ddf3-f273-4e23-9be0-e1227e9999a8"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "9b1f15bf-ea4f-4f82-8c4f-3770b7f47353"
   },
   "disclosure-indicator-top-to-disclosure-icon-small": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
@@ -2253,5 +2242,50 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{corner-radius-700}",
     "uuid": "81752b3e-488a-4273-abb5-4ba8b7f278d9"
+  },
+  "field-width-medium": {
+    "$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": "208px",
+        "uuid": "935927d3-b25e-468a-999a-938643901e50"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "256px",
+        "uuid": "4504fa00-b3ee-4065-9202-0ad226e731d7"
+      }
+    }
+  },
+  "field-width-large": {
+    "$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": "224px",
+        "uuid": "cc43e053-1255-403f-aaf5-2182f5438592"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "272px",
+        "uuid": "1767d955-b8c4-41b0-82d4-4aadc9f12ab1"
+      }
+    }
+  },
+  "field-width-extra-large": {
+    "$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": "240px",
+        "uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "288px",
+        "uuid": "3abf72b5-5ed7-4d18-8eda-e137b2ac2f51"
+      }
+    }
   }
-}
+}