@adobe/spectrum-tokens 12.16.0 → 12.18.0

package/CHANGELOG.md

@@ -1,16 +1,57 @@
 # @adobe/spectrum-tokens
 
+## 12.18.0
+
+### Minor Changes
+
+- bb89361: Update meter token from meter-default-width to meter-width.
+
+  ### Design motivation
+
+  We try to avoid "default" in the name (unless it's the state) because it's a word that implies that it's relative to something else that may not be named, which could get confusing. So meter-width I think for the name, and then just add a note in the specs.
+
+  ### Token diff
+
+  _Renamed token:_
+
+  - `meter-default-width` -> `meter-width`
+
+  _Token added for deprecation and rename:_
+
+  - `meter-default-width`
+
+## 12.17.0
+
+### Minor Changes
+
+- 687f6c3: Updated coach-mark tokens
+
+#### Token Diff
+
+_Tokens added (3):_
+
+- `coach-mark-maximum-width`
+- `coach-mark-media-height`
+- `coach-mark-width`
+
+_Token values updated (4):_
+
+- `coach-mark-minimum-width`: `mobile` from `208px` to `216px`
+- `coach-mark-title-size`: added `desktop` value
+- `coach-mark-body-size`: added `desktop` value
+- `coach-mark-pagination-body-size`: added `desktop` value
+
 ## 12.16.0
 
 ### Minor Changes
 
 - 25dc20d: Add new menu-item token for section dividers
 
-  #### Token Diff
+#### Token Diff
 
-  _Tokens added (1):_
+_Tokens added (1):_
 
-  - `menu-item-section-divider-height`
+- `menu-item-section-divider-height`
 
 ## 12.15.0
 

package/dist/json/drover.json

@@ -1437,10 +1437,16 @@
     "cjk-letter-spacing": "0.05em",
     "cjk-line-height-100": "1.5",
     "cjk-line-height-200": "1.7",
+    "coach-mark-body-size": "14px",
     "coach-mark-edge-to-content": "24px",
+    "coach-mark-maximum-width": "380px",
+    "coach-mark-media-height": "222px",
     "coach-mark-media-minimum-height": "166px",
     "coach-mark-minimum-width": "296px",
+    "coach-mark-pagination-body-size": "14px",
     "coach-mark-pagination-text-to-bottom-edge": "33px",
+    "coach-mark-title-size": "16px",
+    "coach-mark-width": "296px",
     "code-cjk-line-height": "1.7",
     "code-line-height": "1.5",
     "code-size-l": "18px",
@@ -1728,6 +1734,7 @@
     "meter-minimum-width": "48px",
     "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",

package/dist/json/variables.json

@@ -13515,7 +13515,7 @@
     "value": "768px",
     "uuid": "63bfb4da-4aaf-49c6-9328-16c636cf0bf9"
   },
-  "meter-default-width": {
+  "meter-width": {
     "sets": {
       "desktop": {
         "value": "192px",
@@ -13527,6 +13527,20 @@
       }
     }
   },
+  "meter-default-width": {
+    "ref": "{meter-width}",
+    "sets": {
+      "desktop": {
+        "value": "192px",
+        "uuid": "ceeda4da-026b-496c-8abd-7081aceae262"
+      },
+      "mobile": {
+        "value": "240px",
+        "uuid": "dc5f4966-4ddd-4e9a-a748-370d8eaae568"
+      }
+    },
+    "uuid": "2633d29d-8a14-48e8-977c-bdb9a53b3bd5"
+  },
   "meter-thickness-small": {
     "sets": {
       "desktop": {
@@ -15642,6 +15656,18 @@
     },
     "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457"
   },
+  "coach-mark-width": {
+    "sets": {
+      "desktop": {
+        "value": "296px",
+        "uuid": "49d1e2be-3aa2-4515-ba54-7f6cf3ab007c"
+      },
+      "mobile": {
+        "value": "216px",
+        "uuid": "b3f14387-44fd-43d3-a152-c8e691ef87df"
+      }
+    }
+  },
   "coach-mark-minimum-width": {
     "sets": {
       "desktop": {
@@ -15649,11 +15675,23 @@
         "uuid": "9f413341-5ed5-4cd0-8348-1c7141dcab8d"
       },
       "mobile": {
-        "value": "208px",
+        "value": "216px",
         "uuid": "9004d69e-5726-42f5-a4d0-de09db2de784"
       }
     }
   },
+  "coach-mark-maximum-width": {
+    "sets": {
+      "desktop": {
+        "value": "380px",
+        "uuid": "07cdeb95-d368-4ed1-ba29-6b9ddeae1396"
+      },
+      "mobile": {
+        "value": "248px",
+        "uuid": "7f8346b2-f8bf-441d-8412-2a2a28cf4b90"
+      }
+    }
+  },
   "coach-mark-edge-to-content": {
     "sets": {
       "desktop": {
@@ -15680,6 +15718,18 @@
       }
     }
   },
+  "coach-mark-media-height": {
+    "sets": {
+      "desktop": {
+        "value": "222px",
+        "uuid": "f6381a33-ac4e-4ff9-86a3-183c857772ad"
+      },
+      "mobile": {
+        "value": "162px",
+        "uuid": "45b31e46-b878-40a2-a28a-91c480f45253"
+      }
+    }
+  },
   "coach-mark-media-minimum-height": {
     "sets": {
       "desktop": {
@@ -15694,6 +15744,20 @@
   },
   "coach-mark-title-size": {
     "sets": {
+      "desktop": {
+        "ref": "{heading-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
+      },
       "mobile": {
         "ref": "{heading-size-xxs}",
         "sets": {
@@ -15712,6 +15776,20 @@
   },
   "coach-mark-body-size": {
     "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
+      },
       "mobile": {
         "ref": "{body-size-xs}",
         "sets": {
@@ -15730,6 +15808,20 @@
   },
   "coach-mark-pagination-body-size": {
     "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
+      },
       "mobile": {
         "ref": "{body-size-xs}",
         "sets": {

package/package.json

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

package/src/layout-component.json

@@ -1744,7 +1744,7 @@
     "value": "768px",
     "uuid": "63bfb4da-4aaf-49c6-9328-16c636cf0bf9"
   },
-  "meter-default-width": {
+  "meter-width": {
     "component": "meter",
     "sets": {
       "desktop": {
@@ -1757,6 +1757,13 @@
       }
     }
   },
+  "meter-default-width": {
+    "component": "meter",
+    "value": "{meter-width}",
+    "deprecated": true,
+    "deprecated_comment": "Token renamed, use `meter-width`",
+    "uuid": "2633d29d-8a14-48e8-977c-bdb9a53b3bd5"
+  },
   "meter-thickness-small": {
     "component": "meter",
     "sets": {
@@ -3810,6 +3817,19 @@
     "value": "{illustrated-message-body-size}",
     "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457"
   },
+  "coach-mark-width": {
+    "component": "coach-mark",
+    "sets": {
+      "desktop": {
+        "value": "296px",
+        "uuid": "49d1e2be-3aa2-4515-ba54-7f6cf3ab007c"
+      },
+      "mobile": {
+        "value": "216px",
+        "uuid": "b3f14387-44fd-43d3-a152-c8e691ef87df"
+      }
+    }
+  },
   "coach-mark-minimum-width": {
     "component": "coach-mark",
     "sets": {
@@ -3818,11 +3838,24 @@
         "uuid": "9f413341-5ed5-4cd0-8348-1c7141dcab8d"
       },
       "mobile": {
-        "value": "208px",
+        "value": "216px",
         "uuid": "9004d69e-5726-42f5-a4d0-de09db2de784"
       }
     }
   },
+  "coach-mark-maximum-width": {
+    "component": "coach-mark",
+    "sets": {
+      "desktop": {
+        "value": "380px",
+        "uuid": "07cdeb95-d368-4ed1-ba29-6b9ddeae1396"
+      },
+      "mobile": {
+        "value": "248px",
+        "uuid": "7f8346b2-f8bf-441d-8412-2a2a28cf4b90"
+      }
+    }
+  },
   "coach-mark-edge-to-content": {
     "component": "coach-mark",
     "sets": {
@@ -3849,6 +3882,19 @@
       }
     }
   },
+  "coach-mark-media-height": {
+    "component": "coach-mark",
+    "sets": {
+      "desktop": {
+        "value": "222px",
+        "uuid": "f6381a33-ac4e-4ff9-86a3-183c857772ad"
+      },
+      "mobile": {
+        "value": "162px",
+        "uuid": "45b31e46-b878-40a2-a28a-91c480f45253"
+      }
+    }
+  },
   "coach-mark-media-minimum-height": {
     "component": "coach-mark",
     "sets": {
@@ -3865,6 +3911,10 @@
   "coach-mark-title-size": {
     "component": "coach-mark",
     "sets": {
+      "desktop": {
+        "value": "{heading-size-xs}",
+        "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
+      },
       "mobile": {
         "value": "{heading-size-xxs}",
         "uuid": "cd4848b6-d560-475a-9d80-f7b5acebce10"
@@ -3874,6 +3924,10 @@
   "coach-mark-body-size": {
     "component": "coach-mark",
     "sets": {
+      "desktop": {
+        "value": "{body-size-s}",
+        "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
+      },
       "mobile": {
         "value": "{body-size-xs}",
         "uuid": "a0abef77-dafe-4158-9faa-a4b4b2871e54"
@@ -3883,6 +3937,10 @@
   "coach-mark-pagination-body-size": {
     "component": "coach-mark",
     "sets": {
+      "desktop": {
+        "value": "{body-size-s}",
+        "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
+      },
       "mobile": {
         "value": "{body-size-xs}",
         "uuid": "350d9235-ff9e-43d7-9298-56b36d58d6de"