@adobe/spectrum-tokens 13.0.0-beta.33 → 13.0.0-beta.34

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.34
+
+### Minor Changes
+
+- [#334](https://github.com/adobe/spectrum-tokens/pull/334) [`4d28593`](https://github.com/adobe/spectrum-tokens/commit/4d28593c9d34414d72d78a1cc6c480d9ffdf82ce) Thanks [@nabuhasan](https://github.com/nabuhasan)! - S2 Popover tokens update
+
+  ## Token Diff
+
+  _Tokens added (3):_
+
+  - `popover-border-color`
+  - `popover-border-opacity`
+  - `popover-edge-to-content-area`
+
+  _Newly deprecated token (1):_
+
+  - `popover-top-to-content-area`
+
 ## 13.0.0-beta.33
 
 ### Minor Changes

package/dist/json/drover.json

@@ -425,6 +425,8 @@
       "pink-900": "rgb(206, 42, 146)",
       "pink-background-color-default": "rgb(206, 42, 146)",
       "pink-visual-color": "rgb(228, 52, 163)",
+      "popover-border-color": "rgb(225, 225, 225)",
+      "popover-border-opacity": "0",
       "positive-background-color-default": "rgb(5, 131, 78)",
       "positive-background-color-down": "rgb(3, 110, 69)",
       "positive-background-color-hover": "rgb(3, 110, 69)",
@@ -1006,6 +1008,8 @@
       "pink-900": "rgb(236, 67, 175)",
       "pink-background-color-default": "rgb(196, 39, 138)",
       "pink-visual-color": "rgb(236, 67, 175)",
+      "popover-border-color": "rgb(50, 50, 50)",
+      "popover-border-opacity": "1.0",
       "positive-background-color-default": "rgb(4, 124, 75)",
       "positive-background-color-down": "rgb(3, 106, 67)",
       "positive-background-color-hover": "rgb(3, 106, 67)",
@@ -1778,9 +1782,10 @@
     "picker-visual-to-disclosure-icon-large": "9px",
     "picker-visual-to-disclosure-icon-medium": "8px",
     "picker-visual-to-disclosure-icon-small": "7px",
+    "popover-edge-to-content-area": "8px",
     "popover-tip-height": "8px",
     "popover-tip-width": "16px",
-    "popover-top-to-content-area": "4px",
+    "popover-top-to-content-area": "8px",
     "progress-bar-maximum-width": "768px",
     "progress-bar-minimum-width": "48px",
     "progress-bar-thickness-extra-large": "10px",

package/dist/json/variables.json

@@ -5657,6 +5657,40 @@
       }
     }
   },
+  "popover-border-color": {
+    "ref": "{gray-200}",
+    "sets": {
+      "light": {
+        "value": "rgb(225, 225, 225)",
+        "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+      },
+      "dark": {
+        "value": "rgb(50, 50, 50)",
+        "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+      },
+      "wireframe": {
+        "value": "rgb(230, 236, 248)",
+        "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+      }
+    },
+    "uuid": "66da6f53-5446-43c1-bbe0-73b46763fde1"
+  },
+  "popover-border-opacity": {
+    "sets": {
+      "light": {
+        "value": "0",
+        "uuid": "05c58363-1d34-4991-a7f7-7be7da4df50a"
+      },
+      "dark": {
+        "value": "1.0",
+        "uuid": "fa9feacc-0c82-41a7-badc-5803c45a703b"
+      },
+      "wireframe": {
+        "value": "0",
+        "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
+      }
+    }
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -12104,16 +12138,14 @@
     "uuid": "5960406b-973d-4e1f-9bb4-2c7a22422c5b"
   },
   "popover-top-to-content-area": {
-    "sets": {
-      "desktop": {
-        "value": "4px",
-        "uuid": "f97488e8-b1c1-442e-b98c-0ae6cff0b774"
-      },
-      "mobile": {
-        "value": "5px",
-        "uuid": "6165bae4-7148-4cb2-a1b4-38a25f2d8cde"
-      }
-    }
+    "ref": "{popover-edge-to-content-area}",
+    "value": "8px",
+    "uuid": "f97488e8-b1c1-442e-b98c-0ae6cff0b774"
+  },
+  "popover-edge-to-content-area": {
+    "ref": "{spacing-100}",
+    "value": "8px",
+    "uuid": "2a3bd47e-fde5-41d3-a585-f970bdefaf07"
   },
   "menu-item-label-to-description": {
     "ref": "{menu-item-label-to-description-medium}",

package/package.json

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

package/src/color-aliases.json

@@ -25,12 +25,14 @@
       "light": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
         "value": "0.4",
-        "uuid": "26b9803c-577f-4a29-badd-dfc459e8b73e"
+        "uuid": "26b9803c-577f-4a29-badd-dfc459e8b73e",
+        "deprecated": true
       },
       "dark": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
         "value": "0.6",
-        "uuid": "31d5b502-6266-4309-8f8a-3892e6e158da"
+        "uuid": "31d5b502-6266-4309-8f8a-3892e6e158da",
+        "deprecated": true
       },
       "wireframe": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",

package/src/color-component.json

@@ -372,5 +372,32 @@
         "uuid": "ce26d102-2e5e-4b11-b9bf-4d1b347c60c5"
       }
     }
+  },
+  "popover-border-color": {
+    "component": "popover",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-200}",
+    "uuid": "66da6f53-5446-43c1-bbe0-73b46763fde1"
+  },
+  "popover-border-opacity": {
+    "component": "popover",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+        "value": "0",
+        "uuid": "05c58363-1d34-4991-a7f7-7be7da4df50a"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+        "value": "1.0",
+        "uuid": "fa9feacc-0c82-41a7-badc-5803c45a703b"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+        "value": "0",
+        "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
+      }
+    }
   }
 }

package/src/layout-component.json

@@ -1591,19 +1591,17 @@
   },
   "popover-top-to-content-area": {
     "component": "popover",
-    "$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": "f97488e8-b1c1-442e-b98c-0ae6cff0b774"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "5px",
-        "uuid": "6165bae4-7148-4cb2-a1b4-38a25f2d8cde"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{popover-edge-to-content-area}",
+    "uuid": "f97488e8-b1c1-442e-b98c-0ae6cff0b774",
+    "deprecated": true,
+    "deprecated_comment": "Introduced as an error. Use popover-edge-to-content-area instead"
+  },
+  "popover-edge-to-content-area": {
+    "component": "popover",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{spacing-100}",
+    "uuid": "2a3bd47e-fde5-41d3-a585-f970bdefaf07"
   },
   "menu-item-label-to-description": {
     "component": "menu",