@adobe/spectrum-tokens 13.0.0-beta.37 → 13.0.0-beta.39

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.39
+
+### Minor Changes
+
+- [#364](https://github.com/adobe/spectrum-tokens/pull/364) [`f96ffca`](https://github.com/adobe/spectrum-tokens/commit/f96ffca4990547f8ddc8341d141e0edc65b872d9) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added coach-indicator s2 tokens
+
+  ## Token Diff
+
+  _Tokens added (8):_
+
+  - `coach-indicator-collapsed-gap`
+  - `coach-indicator-collapsed-ring-rounding-increment`
+  - `coach-indicator-collapsed-ring-thickness`
+  - `coach-indicator-color`
+  - `coach-indicator-expanded-gap`
+  - `coach-indicator-expanded-ring-rounding-increment`
+  - `coach-indicator-expanded-ring-thickness`
+  - `coach-indicator-opacity`
+
+## 13.0.0-beta.38
+
+### Minor Changes
+
+- [#360](https://github.com/adobe/spectrum-tokens/pull/360) [`f73a0b4`](https://github.com/adobe/spectrum-tokens/commit/f73a0b40464f1c73f2d9e8f6cf97da926e392ac7) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - - Fixed token type from Sizing to Font size for contextual-help-body-size and `contextual-help-title-size`
+
+  - Renamed tokens by deprecating previous ones and creating new ones, with font in the token name
+    Updated value of `contextual-help-title-font-size`
+
+  Marked the the following tokens in Tokens Studio for deprecation:
+
+  - `negative-subdued-background-color-default` ( --> points to `negative-subtle-background-color-default`)
+  - `negative-subdued-background-color-hover`
+  - `negative-subdued-background-color-down`
+  - `negative-subdued-background-color-key-focus`
+
+  ## Design motivation
+
+  - The updated type sorts them correctly in the Tokens Studio data
+  - The updated value reflects the latest design for Spectrum 2, using the new title style instead of heading
+  - The negative-subdued tokens were deprecated because the tag "error" variant has been deprecated and are no longer needed in the system. A new "subtle" token has been added for the in-line alert use case.
+
+  ## Token diff
+
+  _Tokens added (2):_
+
+  - `contextual-help-body-font-size`
+  - `contextual-help-title-font-size`
+
+  _Newly deprecated Tokens (6):_
+
+  - `contextual-help-body-size`
+  - `contextual-help-title-size`
+  - `negative-subdued-background-color-default`
+  - `negative-subdued-background-color-hover`
+  - `negative-subdued-background-color-down`
+  - `negative-subdued-background-color-key-focus`
+
 ## 13.0.0-beta.37
 
 ### Minor Changes

package/dist/json/drover.json

@@ -136,6 +136,7 @@
       "cinnamon-900": "rgb(170, 94, 56)",
       "cinnamon-background-color-default": "rgb(170, 94, 56)",
       "cinnamon-visual-color": "rgb(184, 109, 70)",
+      "coach-indicator-color": "rgb(75, 117, 255)",
       "coach-mark-pagination-color": "rgb(113, 113, 113)",
       "code-color": "rgb(41, 41, 41)",
       "color-area-border-color": "rgb(0, 0, 0)",
@@ -797,6 +798,7 @@
       "cinnamon-900": "rgb(192, 119, 80)",
       "cinnamon-background-color-default": "rgb(163, 88, 52)",
       "cinnamon-visual-color": "rgb(192, 119, 80)",
+      "coach-indicator-color": "rgb(69, 110, 254)",
       "coach-mark-pagination-color": "rgb(138, 138, 138)",
       "code-color": "rgb(219, 219, 219)",
       "color-area-border-color": "rgb(255, 255, 255)",
@@ -1543,6 +1545,13 @@
     "cjk-letter-spacing": "0.05em",
     "cjk-line-height-100": "1.5",
     "cjk-line-height-200": "1.7",
+    "coach-indicator-collapsed-gap": "2px",
+    "coach-indicator-collapsed-ring-rounding-increment": "6px",
+    "coach-indicator-collapsed-ring-thickness": "4px",
+    "coach-indicator-expanded-gap": "6px",
+    "coach-indicator-expanded-ring-rounding-increment": "14px",
+    "coach-indicator-expanded-ring-thickness": "8px",
+    "coach-indicator-opacity": "0.2",
     "coach-mark-body-font-size": "16px",
     "coach-mark-body-size": "16px",
     "coach-mark-edge-to-content": "24px",
@@ -1656,8 +1665,10 @@
     "component-top-to-workflow-icon-300": "11px",
     "component-top-to-workflow-icon-50": "3px",
     "component-top-to-workflow-icon-75": "4px",
+    "contextual-help-body-font-size": "14px",
     "contextual-help-body-size": "14px",
     "contextual-help-minimum-width": "268px",
+    "contextual-help-title-font-size": "16px",
     "contextual-help-title-size": "16px",
     "corner-radius-0": "0px",
     "corner-radius-100": "4px",

package/dist/json/variables.json

@@ -5691,6 +5691,24 @@
       }
     }
   },
+  "coach-indicator-color": {
+    "ref": "{blue-800}",
+    "sets": {
+      "light": {
+        "value": "rgb(75, 117, 255)",
+        "uuid": "5ac73d3a-a6cc-4403-a8d5-46bc262d62e9"
+      },
+      "dark": {
+        "value": "rgb(69, 110, 254)",
+        "uuid": "cf0bafc5-f5c6-4986-a17a-6660dc542b71"
+      },
+      "wireframe": {
+        "value": "rgb(93, 127, 201)",
+        "uuid": "84bc6532-7cb0-47ea-8951-b16bc2a7aab9"
+      }
+    },
+    "uuid": "bfd387b8-0ce0-45ff-8d66-fc5de2f4900c"
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -15384,9 +15402,10 @@
     "uuid": "83be73fe-50bc-4be8-969c-0361a816225b"
   },
   "contextual-help-title-size": {
+    "ref": "{contextual-help-title-font-size}",
     "sets": {
       "desktop": {
-        "ref": "{heading-size-xs}",
+        "ref": "{title-size-m}",
         "sets": {
           "desktop": {
             "value": "16px",
@@ -15397,10 +15416,10 @@
             "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
           }
         },
-        "uuid": "5358fd6c-d9a0-4caa-a85e-af82ed82efaf"
+        "uuid": "16ee4dfd-afbe-482b-943e-03e2614037dd"
       },
       "mobile": {
-        "ref": "{heading-size-xxs}",
+        "ref": "{title-size-s}",
         "sets": {
           "desktop": {
             "value": "14px",
@@ -15411,11 +15430,13 @@
             "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
-        "uuid": "e91709ce-79e3-4a81-88fa-e124960d4389"
+        "uuid": "965f0854-0f3c-4d6e-9e21-54542ecf1a17"
       }
-    }
+    },
+    "uuid": "5358fd6c-d9a0-4caa-a85e-af82ed82efaf"
   },
   "contextual-help-body-size": {
+    "ref": "{contextual-help-body-font-size}",
     "sets": {
       "desktop": {
         "ref": "{body-size-s}",
@@ -15429,7 +15450,7 @@
             "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
-        "uuid": "e458fa68-ab9c-4441-a7d5-a02f42df1cae"
+        "uuid": "393e9a11-77f6-42a7-973b-34c673ad8afb"
       },
       "mobile": {
         "ref": "{body-size-xs}",
@@ -15443,9 +15464,10 @@
             "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
           }
         },
-        "uuid": "c180fa75-254e-4ee1-8b79-31a3d90254cc"
+        "uuid": "1d817b1e-7916-4443-b04d-aa232b089f67"
       }
-    }
+    },
+    "uuid": "e458fa68-ab9c-4441-a7d5-a02f42df1cae"
   },
   "breadcrumbs-height": {
     "ref": "{component-height-200}",
@@ -20735,6 +20757,98 @@
       }
     }
   },
+  "contextual-help-body-font-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": "393e9a11-77f6-42a7-973b-34c673ad8afb"
+      },
+      "mobile": {
+        "ref": "{body-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+          }
+        },
+        "uuid": "1d817b1e-7916-4443-b04d-aa232b089f67"
+      }
+    }
+  },
+  "contextual-help-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "16ee4dfd-afbe-482b-943e-03e2614037dd"
+      },
+      "mobile": {
+        "ref": "{title-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "965f0854-0f3c-4d6e-9e21-54542ecf1a17"
+      }
+    }
+  },
+  "coach-indicator-collapsed-ring-rounding-increment": {
+    "value": "6px",
+    "uuid": "252dc667-b847-4295-8669-3e2f4d408f51"
+  },
+  "coach-indicator-expanded-ring-rounding-increment": {
+    "value": "14px",
+    "uuid": "770aa608-80a3-4715-894b-c1d85a1b0c5e"
+  },
+  "coach-indicator-collapsed-ring-thickness": {
+    "value": "4px",
+    "uuid": "fff486aa-26a4-4b41-91a7-762f8b29d47a"
+  },
+  "coach-indicator-expanded-ring-thickness": {
+    "value": "8px",
+    "uuid": "09c84cdf-0c82-4201-8203-9eb05d8b9486"
+  },
+  "coach-indicator-collapsed-gap": {
+    "value": "2px",
+    "uuid": "adb8eace-decc-4bef-93e9-ff2cb27e9ce6"
+  },
+  "coach-indicator-expanded-gap": {
+    "value": "6px",
+    "uuid": "b25c696f-c6c3-45af-bdc9-fe3a046067f3"
+  },
+  "coach-indicator-opacity": {
+    "value": "0.2",
+    "uuid": "6fa9bbc8-4c96-45a4-b133-bb2556a003de"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -24107,7 +24221,7 @@
     "uuid": "de206438-991f-4580-8aa1-1488acb03a09"
   },
   "negative-subdued-background-color-default": {
-    "ref": "{negative-color-200}",
+    "ref": "{negative-subtle-background-color-default}",
     "sets": {
       "light": {
         "value": "rgb(255, 235, 232)",

package/package.json

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

package/src/color-component.json

@@ -399,5 +399,11 @@
         "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
       }
     }
+  },
+  "coach-indicator-color": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{blue-800}",
+    "uuid": "bfd387b8-0ce0-45ff-8d66-fc5de2f4900c"
   }
 }

package/src/layout-component.json

@@ -2599,35 +2599,17 @@
   },
   "contextual-help-title-size": {
     "component": "contextual-help",
-    "$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": "{heading-size-xs}",
-        "uuid": "5358fd6c-d9a0-4caa-a85e-af82ed82efaf"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{heading-size-xxs}",
-        "uuid": "e91709ce-79e3-4a81-88fa-e124960d4389"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{contextual-help-title-font-size}",
+    "uuid": "5358fd6c-d9a0-4caa-a85e-af82ed82efaf",
+    "deprecated": true
   },
   "contextual-help-body-size": {
     "component": "contextual-help",
-    "$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": "{body-size-s}",
-        "uuid": "e458fa68-ab9c-4441-a7d5-a02f42df1cae"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{body-size-xs}",
-        "uuid": "c180fa75-254e-4ee1-8b79-31a3d90254cc"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{contextual-help-body-font-size}",
+    "uuid": "e458fa68-ab9c-4441-a7d5-a02f42df1cae",
+    "deprecated": true
   },
   "breadcrumbs-height": {
     "component": "breadcrumbs",
@@ -8303,5 +8285,79 @@
         "uuid": "fbf763fe-9e35-4cdc-a5ed-9f90e03d23bd"
       }
     }
+  },
+  "contextual-help-body-font-size": {
+    "component": "contextual-help",
+    "$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": "{body-size-s}",
+        "uuid": "393e9a11-77f6-42a7-973b-34c673ad8afb"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-xs}",
+        "uuid": "1d817b1e-7916-4443-b04d-aa232b089f67"
+      }
+    }
+  },
+  "contextual-help-title-font-size": {
+    "component": "contextual-help",
+    "$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": "{title-size-m}",
+        "uuid": "16ee4dfd-afbe-482b-943e-03e2614037dd"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-size-s}",
+        "uuid": "965f0854-0f3c-4d6e-9e21-54542ecf1a17"
+      }
+    }
+  },
+  "coach-indicator-collapsed-ring-rounding-increment": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "6px",
+    "uuid": "252dc667-b847-4295-8669-3e2f4d408f51"
+  },
+  "coach-indicator-expanded-ring-rounding-increment": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "14px",
+    "uuid": "770aa608-80a3-4715-894b-c1d85a1b0c5e"
+  },
+  "coach-indicator-collapsed-ring-thickness": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "4px",
+    "uuid": "fff486aa-26a4-4b41-91a7-762f8b29d47a"
+  },
+  "coach-indicator-expanded-ring-thickness": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "8px",
+    "uuid": "09c84cdf-0c82-4201-8203-9eb05d8b9486"
+  },
+  "coach-indicator-collapsed-gap": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "adb8eace-decc-4bef-93e9-ff2cb27e9ce6"
+  },
+  "coach-indicator-expanded-gap": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "6px",
+    "uuid": "b25c696f-c6c3-45af-bdc9-fe3a046067f3"
+  },
+  "coach-indicator-opacity": {
+    "component": "coach-indicator",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.2",
+    "uuid": "6fa9bbc8-4c96-45a4-b133-bb2556a003de"
   }
 }

package/src/semantic-color-palette.json

@@ -401,23 +401,27 @@
   },
   "negative-subdued-background-color-default": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{negative-color-200}",
-    "uuid": "a553db3e-a051-4023-87eb-da6545b983b2"
+    "value": "{negative-subtle-background-color-default}",
+    "uuid": "a553db3e-a051-4023-87eb-da6545b983b2",
+    "deprecated": true
   },
   "negative-subdued-background-color-hover": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{negative-color-300}",
-    "uuid": "9513cf13-8537-443f-81ce-f9d88292ba32"
+    "uuid": "9513cf13-8537-443f-81ce-f9d88292ba32",
+    "deprecated": true
   },
   "negative-subdued-background-color-down": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{negative-color-300}",
-    "uuid": "1eea917c-52e7-4295-b0e1-d33c2e73a137"
+    "uuid": "1eea917c-52e7-4295-b0e1-d33c2e73a137",
+    "deprecated": true
   },
   "negative-subdued-background-color-key-focus": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{negative-color-300}",
-    "uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
+    "uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88",
+    "deprecated": true
   },
   "informative-subtle-background-color-default": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",