@adobe/spectrum-tokens 12.0.0-beta.67 → 12.0.0-beta.68

package/CHANGELOG.md

@@ -1,12 +1,15 @@
-# [12.0.0-beta.67](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.66...v12.0.0-beta.67) (2023-01-25)
+# [12.0.0-beta.68](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.67...v12.0.0-beta.68) (2023-02-11)
 
 
 ### Bug Fixes
 
-* token name typo ([007da82](https://github.com/adobe/spectrum-tokens/commit/007da828661f97ea7f8880b795d8571f3a0026d2))
+* fixed missing token sets for color loupe ([7de5d5b](https://github.com/adobe/spectrum-tokens/commit/7de5d5bf4148e565336b65aed8691275896c0b87))
 
 
 ### Features
 
-* color loupe tokens, DNA-1249 ([4169f4a](https://github.com/adobe/spectrum-tokens/commit/4169f4a9548169b855fdd78ae918f74935cc0306))
-* new card tokens, DNA-1250 ([c9e3bdd](https://github.com/adobe/spectrum-tokens/commit/c9e3bdd24d77659b174e350a5671067bb019a081))
+* added detail typography tokens for uppercase, DNA-1257 ([a4fce7e](https://github.com/adobe/spectrum-tokens/commit/a4fce7e3b197f23f92a5f8f869d4cf11f32339dc))
+* added dropzone tokens, DNA-1258 ([c0ce9df](https://github.com/adobe/spectrum-tokens/commit/c0ce9dfe39f0a9a22ac5b3ba31bebb4c80aa48e4))
+* added new alert dialog typography tokens, DNA-1255 ([f590663](https://github.com/adobe/spectrum-tokens/commit/f590663292178e5d261013d4e830de487fcadd25))
+* new typography color tokens, DNA-1254 ([b836ae5](https://github.com/adobe/spectrum-tokens/commit/b836ae5e47014e6a5eca23e9e574b5f6d27a04b1))
+* updated color-wheel-minimum-width and added color-wheel-width, DNA-1256 ([57ee5f4](https://github.com/adobe/spectrum-tokens/commit/57ee5f425abde5941c486224c91b3bd4d82a3261))

package/dist/json/drover.json

@@ -55,6 +55,7 @@
       "blue-900": "rgb(2, 101, 220)",
       "blue-background-color-default": "rgb(2, 101, 220)",
       "blue-visual-color": "rgb(20, 122, 243)",
+      "body-color": "rgb(34, 34, 34)",
       "border-width-100": "1px",
       "card-selection-background-color": "rgb(248, 248, 248)",
       "celery-100": "rgb(205, 252, 191)",
@@ -89,11 +90,16 @@
       "chartreuse-900": "rgb(87, 116, 0)",
       "chartreuse-background-color-default": "rgb(152, 197, 10)",
       "chartreuse-visual-color": "rgb(135, 177, 3)",
+      "code-color": "rgb(34, 34, 34)",
       "color-area-border-color": "rgb(0, 0, 0)",
       "color-area-border-width": "1px",
+      "color-loupe-bottom-to-color-handle": "12px",
       "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
+      "color-loupe-height": "64px",
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
+      "color-loupe-inner-border-width": "2px",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
+      "color-loupe-width": "48px",
       "color-slider-border-color": "rgb(0, 0, 0)",
       "cyan-100": "rgb(197, 248, 255)",
       "cyan-1000": "rgb(0, 93, 137)",
@@ -111,6 +117,7 @@
       "cyan-900": "rgb(0, 113, 159)",
       "cyan-background-color-default": "rgb(0, 113, 159)",
       "cyan-visual-color": "rgb(18, 176, 218)",
+      "detail-color": "rgb(0, 0, 0)",
       "disabled-background-color": "rgb(230, 230, 230)",
       "disabled-border-color": "rgb(213, 213, 213)",
       "disabled-content-color": "rgb(177, 177, 177)",
@@ -121,6 +128,7 @@
       "disabled-static-white-border-color": "rgba(255, 255, 255, 0.25)",
       "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
       "drop-shadow-color": "rgba(0, 0, 0, 0.15)",
+      "drop-zone-background-color": "rgb(20, 122, 243)",
       "focus-indicator-color": "rgb(20, 122, 243)",
       "fuchsia-100": "rgb(255, 233, 252)",
       "fuchsia-1000": "rgb(157, 3, 158)",
@@ -168,6 +176,7 @@
       "green-background-color-default": "rgb(0, 122, 77)",
       "green-visual-color": "rgb(21, 164, 110)",
       "heading-cjk-font-weight": "extra-bold",
+      "heading-color": "rgb(0, 0, 0)",
       "heading-sans-serif-emphasized-font-weight": "bold",
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
@@ -465,6 +474,7 @@
       "blue-900": "rgb(114, 183, 249)",
       "blue-background-color-default": "rgb(52, 143, 244)",
       "blue-visual-color": "rgb(114, 183, 249)",
+      "body-color": "rgb(235, 235, 235)",
       "border-width-100": "1px",
       "card-selection-background-color": "rgb(50, 50, 50)",
       "celery-100": "rgb(0, 69, 10)",
@@ -499,11 +509,16 @@
       "chartreuse-900": "rgb(148, 192, 8)",
       "chartreuse-background-color-default": "rgb(148, 192, 8)",
       "chartreuse-visual-color": "rgb(148, 192, 8)",
+      "code-color": "rgb(235, 235, 235)",
       "color-area-border-color": "rgb(255, 255, 255)",
       "color-area-border-width": "1px",
+      "color-loupe-bottom-to-color-handle": "12px",
       "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
+      "color-loupe-height": "64px",
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
+      "color-loupe-inner-border-width": "2px",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
+      "color-loupe-width": "48px",
       "color-slider-border-color": "rgb(255, 255, 255)",
       "cyan-100": "rgb(0, 61, 98)",
       "cyan-1000": "rgb(84, 211, 241)",
@@ -521,6 +536,7 @@
       "cyan-900": "rgb(44, 193, 230)",
       "cyan-background-color-default": "rgb(0, 153, 198)",
       "cyan-visual-color": "rgb(44, 193, 230)",
+      "detail-color": "rgb(255, 255, 255)",
       "disabled-background-color": "rgb(63, 63, 63)",
       "disabled-border-color": "rgb(84, 84, 84)",
       "disabled-content-color": "rgb(112, 112, 112)",
@@ -531,6 +547,7 @@
       "disabled-static-white-border-color": "rgba(255, 255, 255, 0.25)",
       "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
       "drop-shadow-color": "rgba(0, 0, 0, 0.5)",
+      "drop-zone-background-color": "rgb(114, 183, 249)",
       "focus-indicator-color": "rgb(84, 163, 246)",
       "fuchsia-100": "rgb(107, 3, 106)",
       "fuchsia-1000": "rgb(250, 168, 245)",
@@ -578,6 +595,7 @@
       "green-background-color-default": "rgb(18, 162, 108)",
       "green-visual-color": "rgb(43, 180, 125)",
       "heading-cjk-font-weight": "extra-bold",
+      "heading-color": "rgb(255, 255, 255)",
       "heading-sans-serif-emphasized-font-weight": "bold",
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
@@ -875,6 +893,7 @@
       "blue-900": "rgb(94, 170, 247)",
       "blue-background-color-default": "rgb(29, 128, 245)",
       "blue-visual-color": "rgb(94, 170, 247)",
+      "body-color": "rgb(235, 235, 235)",
       "border-width-100": "1px",
       "card-selection-background-color": "rgb(29, 29, 29)",
       "celery-100": "rgb(0, 47, 7)",
@@ -909,11 +928,16 @@
       "chartreuse-900": "rgb(138, 180, 3)",
       "chartreuse-background-color-default": "rgb(138, 180, 3)",
       "chartreuse-visual-color": "rgb(138, 180, 3)",
+      "code-color": "rgb(235, 235, 235)",
       "color-area-border-color": "rgb(255, 255, 255)",
       "color-area-border-width": "1px",
+      "color-loupe-bottom-to-color-handle": "12px",
       "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
+      "color-loupe-height": "64px",
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
+      "color-loupe-inner-border-width": "2px",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
+      "color-loupe-width": "48px",
       "color-slider-border-color": "rgb(255, 255, 255)",
       "cyan-100": "rgb(0, 41, 68)",
       "cyan-1000": "rgb(57, 199, 234)",
@@ -931,6 +955,7 @@
       "cyan-900": "rgb(23, 180, 221)",
       "cyan-background-color-default": "rgb(0, 140, 186)",
       "cyan-visual-color": "rgb(23, 180, 221)",
+      "detail-color": "rgb(255, 255, 255)",
       "disabled-background-color": "rgb(48, 48, 48)",
       "disabled-border-color": "rgb(75, 75, 75)",
       "disabled-content-color": "rgb(106, 106, 106)",
@@ -941,6 +966,7 @@
       "disabled-static-white-border-color": "rgba(255, 255, 255, 0.25)",
       "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
       "drop-shadow-color": "rgba(0, 0, 0, 0.8)",
+      "drop-zone-background-color": "rgb(94, 170, 247)",
       "focus-indicator-color": "rgb(64, 150, 243)",
       "fuchsia-100": "rgb(70, 14, 68)",
       "fuchsia-1000": "rgb(246, 149, 243)",
@@ -988,6 +1014,7 @@
       "green-background-color-default": "rgb(0, 149, 98)",
       "green-visual-color": "rgb(28, 168, 114)",
       "heading-cjk-font-weight": "extra-bold",
+      "heading-color": "rgb(255, 255, 255)",
       "heading-sans-serif-emphasized-font-weight": "bold",
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
@@ -1257,8 +1284,10 @@
     "alert-banner-to-top-text": "14px",
     "alert-banner-to-top-workflow-icon": "15px",
     "alert-banner-width": "832px",
+    "alert-dialog-description-size": "14px",
     "alert-dialog-maximum-width": "480px",
     "alert-dialog-minimum-width": "288px",
+    "alert-dialog-title-size": "18px",
     "avatar-opacity-disabled": "0.3",
     "avatar-size-100": "20px",
     "avatar-size-200": "22px",
@@ -1353,7 +1382,8 @@
     "color-slider-length": "192px",
     "color-slider-minimum-length": "200px",
     "color-wheel-color-area-margin": "12px",
-    "color-wheel-minimum-width": "192px",
+    "color-wheel-minimum-width": "175px",
+    "color-wheel-width": "192px",
     "combo-box-minimum-width-multiplier": "2.5",
     "combo-box-visual-to-field-button-extra-large": "10px",
     "combo-box-visual-to-field-button-large": "9px",
@@ -1433,6 +1463,15 @@
     "drop-shadow-blur": "4px",
     "drop-shadow-x": "0px",
     "drop-shadow-y": "1px",
+    "drop-zone-background-color-opacity": "0.1",
+    "drop-zone-background-color-opacity-filled": "0.3",
+    "drop-zone-body-size": "14px",
+    "drop-zone-border-dash-gap": "4px",
+    "drop-zone-border-dash-length": "8px",
+    "drop-zone-cjk-title-size": "20px",
+    "drop-zone-content-maximum-width": "380px",
+    "drop-zone-title-size": "22px",
+    "drop-zone-width": "428px",
     "field-edge-to-alert-icon-extra-large": "18px",
     "field-edge-to-alert-icon-large": "15px",
     "field-edge-to-alert-icon-medium": "12px",

package/dist/json/variables.json

@@ -5891,6 +5891,173 @@
   "card-selection-background-color-opacity": {
     "value": "0.95"
   },
+  "drop-zone-background-color": {
+    "ref": "{accent-visual-color}",
+    "sets": {
+      "light": {
+        "ref": "{accent-color-800}",
+        "sets": {
+          "spectrum": {
+            "ref": "{blue-800}",
+            "sets": {
+              "light": {
+                "value": "rgb(20, 122, 243)"
+              },
+              "dark": {
+                "value": "rgb(84, 163, 246)"
+              },
+              "darkest": {
+                "value": "rgb(64, 150, 243)"
+              },
+              "wireframe": {
+                "value": "rgb(173, 192, 233)"
+              }
+            }
+          },
+          "express": {
+            "ref": "{indigo-800}",
+            "sets": {
+              "light": {
+                "value": "rgb(104, 109, 244)"
+              },
+              "dark": {
+                "value": "rgb(145, 149, 255)"
+              },
+              "darkest": {
+                "value": "rgb(132, 136, 253)"
+              },
+              "wireframe": {
+                "value": "rgb(173, 192, 233)"
+              }
+            }
+          }
+        }
+      },
+      "dark": {
+        "ref": "{accent-color-900}",
+        "sets": {
+          "spectrum": {
+            "ref": "{blue-900}",
+            "sets": {
+              "light": {
+                "value": "rgb(2, 101, 220)"
+              },
+              "dark": {
+                "value": "rgb(114, 183, 249)"
+              },
+              "darkest": {
+                "value": "rgb(94, 170, 247)"
+              },
+              "wireframe": {
+                "value": "rgb(154, 177, 227)"
+              }
+            }
+          },
+          "express": {
+            "ref": "{indigo-900}",
+            "sets": {
+              "light": {
+                "value": "rgb(82, 88, 228)"
+              },
+              "dark": {
+                "value": "rgb(167, 170, 255)"
+              },
+              "darkest": {
+                "value": "rgb(153, 157, 255)"
+              },
+              "wireframe": {
+                "value": "rgb(154, 177, 227)"
+              }
+            }
+          }
+        }
+      },
+      "darkest": {
+        "ref": "{accent-color-900}",
+        "sets": {
+          "spectrum": {
+            "ref": "{blue-900}",
+            "sets": {
+              "light": {
+                "value": "rgb(2, 101, 220)"
+              },
+              "dark": {
+                "value": "rgb(114, 183, 249)"
+              },
+              "darkest": {
+                "value": "rgb(94, 170, 247)"
+              },
+              "wireframe": {
+                "value": "rgb(154, 177, 227)"
+              }
+            }
+          },
+          "express": {
+            "ref": "{indigo-900}",
+            "sets": {
+              "light": {
+                "value": "rgb(82, 88, 228)"
+              },
+              "dark": {
+                "value": "rgb(167, 170, 255)"
+              },
+              "darkest": {
+                "value": "rgb(153, 157, 255)"
+              },
+              "wireframe": {
+                "value": "rgb(154, 177, 227)"
+              }
+            }
+          }
+        }
+      },
+      "wireframe": {
+        "ref": "{accent-color-900}",
+        "sets": {
+          "spectrum": {
+            "ref": "{blue-900}",
+            "sets": {
+              "light": {
+                "value": "rgb(2, 101, 220)"
+              },
+              "dark": {
+                "value": "rgb(114, 183, 249)"
+              },
+              "darkest": {
+                "value": "rgb(94, 170, 247)"
+              },
+              "wireframe": {
+                "value": "rgb(154, 177, 227)"
+              }
+            }
+          },
+          "express": {
+            "ref": "{indigo-900}",
+            "sets": {
+              "light": {
+                "value": "rgb(82, 88, 228)"
+              },
+              "dark": {
+                "value": "rgb(167, 170, 255)"
+              },
+              "darkest": {
+                "value": "rgb(153, 157, 255)"
+              },
+              "wireframe": {
+                "value": "rgb(154, 177, 227)"
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "drop-zone-background-color-opacity": {
+    "value": "0.1"
+  },
+  "drop-zone-background-color-opacity-filled": {
+    "value": "0.3"
+  },
   "white": {
     "value": "rgb(255, 255, 255)"
   },
@@ -11174,6 +11341,58 @@
   "alert-dialog-maximum-width": {
     "value": "480px"
   },
+  "alert-dialog-title-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{heading-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
+          }
+        }
+      },
+      "mobile": {
+        "ref": "{heading-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "19px"
+          }
+        }
+      }
+    }
+  },
+  "alert-dialog-description-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px"
+          },
+          "mobile": {
+            "value": "17px"
+          }
+        }
+      },
+      "mobile": {
+        "ref": "{body-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "12px"
+          },
+          "mobile": {
+            "value": "15px"
+          }
+        }
+      }
+    }
+  },
   "opacity-checkerboard-square-size": {
     "sets": {
       "desktop": {
@@ -11589,7 +11808,7 @@
       "express": {}
     }
   },
-  "color-wheel-minimum-width": {
+  "color-wheel-width": {
     "sets": {
       "desktop": {
         "value": "192px"
@@ -11599,6 +11818,16 @@
       }
     }
   },
+  "color-wheel-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "175px"
+      },
+      "mobile": {
+        "value": "219px"
+      }
+    }
+  },
   "color-wheel-color-area-margin": {
     "value": "12px"
   },
@@ -11711,89 +11940,165 @@
   "color-loupe-height": {
     "sets": {
       "spectrum": {
+        "value": "64px"
+      },
+      "express": {
         "sets": {
           "desktop": {
-            "value": "64px"
+            "value": "40px"
+          },
+          "mobile": {
+            "value": "50px"
           }
         }
+      }
+    }
+  },
+  "color-loupe-width": {
+    "sets": {
+      "spectrum": {
+        "value": "48px"
       },
       "express": {
         "sets": {
           "desktop": {
+            "value": "32px"
+          },
+          "mobile": {
             "value": "40px"
           }
         }
       }
     }
   },
-  "color-loupe-width": {
+  "color-loupe-bottom-to-color-handle": {
     "sets": {
       "spectrum": {
+        "value": "12px"
+      },
+      "express": {
+        "value": "6px"
+      }
+    }
+  },
+  "color-loupe-outer-border-width": {
+    "ref": "{border-width-200}",
+    "value": "2px"
+  },
+  "color-loupe-inner-border-width": {
+    "sets": {
+      "spectrum": {
+        "ref": "{border-width-200}",
+        "value": "2px"
+      },
+      "express": {
+        "value": "3px"
+      }
+    }
+  },
+  "card-minimum-width": {
+    "value": "100px"
+  },
+  "card-preview-minimum-height": {
+    "value": "130px"
+  },
+  "card-selection-background-size": {
+    "value": "40px"
+  },
+  "drop-zone-width": {
+    "value": "428px"
+  },
+  "drop-zone-content-maximum-width": {
+    "ref": "{illustrated-message-maximum-width}",
+    "value": "380px"
+  },
+  "drop-zone-border-dash-length": {
+    "value": "8px"
+  },
+  "drop-zone-border-dash-gap": {
+    "value": "4px"
+  },
+  "drop-zone-title-size": {
+    "ref": "{illustrated-message-title-size}",
+    "sets": {
+      "desktop": {
+        "ref": "{heading-size-m}",
         "sets": {
           "desktop": {
-            "value": "48px"
+            "value": "22px"
+          },
+          "mobile": {
+            "value": "27px"
           }
         }
       },
-      "express": {
+      "mobile": {
+        "ref": "{heading-size-s}",
         "sets": {
           "desktop": {
-            "value": "32px"
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
           }
         }
       }
     }
   },
-  "color-loupe-bottom-to-color-handle": {
+  "drop-zone-cjk-title-size": {
+    "ref": "{illustrated-message-cjk-title-size}",
     "sets": {
-      "spectrum": {
+      "desktop": {
+        "ref": "{heading-cjk-size-m}",
         "sets": {
           "desktop": {
-            "value": "12px"
+            "value": "20px"
+          },
+          "mobile": {
+            "value": "24px"
           }
         }
       },
-      "express": {
+      "mobile": {
+        "ref": "{heading-cjk-size-s}",
         "sets": {
           "desktop": {
-            "value": "6px"
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
           }
         }
       }
     }
   },
-  "color-loupe-outer-border-width": {
-    "ref": "{border-width-200}",
-    "value": "2px"
-  },
-  "color-loupe-inner-border-width": {
+  "drop-zone-body-size": {
+    "ref": "{illustrated-message-body-size}",
     "sets": {
-      "spectrum": {
+      "desktop": {
+        "ref": "{body-size-s}",
         "sets": {
           "desktop": {
-            "ref": "{border-width-200}",
-            "value": "2px"
+            "value": "14px"
+          },
+          "mobile": {
+            "value": "17px"
           }
         }
       },
-      "express": {
+      "mobile": {
+        "ref": "{body-size-xs}",
         "sets": {
           "desktop": {
-            "value": "3px"
+            "value": "12px"
+          },
+          "mobile": {
+            "value": "15px"
           }
         }
       }
     }
   },
-  "card-minimum-width": {
-    "value": "100px"
-  },
-  "card-preview-minimum-height": {
-    "value": "130px"
-  },
-  "card-selection-background-size": {
-    "value": "40px"
-  },
   "corner-radius-75": {
     "sets": {
       "spectrum": {
@@ -15396,6 +15701,23 @@
   "heading-margin-bottom-multiplier": {
     "value": "0.25"
   },
+  "heading-color": {
+    "ref": "{gray-900}",
+    "sets": {
+      "light": {
+        "value": "rgb(0, 0, 0)"
+      },
+      "dark": {
+        "value": "rgb(255, 255, 255)"
+      },
+      "darkest": {
+        "value": "rgb(255, 255, 255)"
+      },
+      "wireframe": {
+        "value": "rgb(72, 110, 194)"
+      }
+    }
+  },
   "body-sans-serif-font-family": {
     "ref": "{sans-serif-font-family}",
     "value": "Adobe Clean"
@@ -15592,6 +15914,23 @@
   "body-margin-multiplier": {
     "value": "0.75"
   },
+  "body-color": {
+    "ref": "{gray-800}",
+    "sets": {
+      "light": {
+        "value": "rgb(34, 34, 34)"
+      },
+      "dark": {
+        "value": "rgb(235, 235, 235)"
+      },
+      "darkest": {
+        "value": "rgb(235, 235, 235)"
+      },
+      "wireframe": {
+        "value": "rgb(73, 110, 194)"
+      }
+    }
+  },
   "detail-sans-serif-font-family": {
     "ref": "{sans-serif-font-family}",
     "value": "Adobe Clean"
@@ -15857,6 +16196,29 @@
   "detail-letter-spacing": {
     "value": "0.06em"
   },
+  "detail-sans-serif-text-transform": {
+    "value": "uppercase"
+  },
+  "detail-serif-text-transform": {
+    "value": "uppercase"
+  },
+  "detail-color": {
+    "ref": "{gray-900}",
+    "sets": {
+      "light": {
+        "value": "rgb(0, 0, 0)"
+      },
+      "dark": {
+        "value": "rgb(255, 255, 255)"
+      },
+      "darkest": {
+        "value": "rgb(255, 255, 255)"
+      },
+      "wireframe": {
+        "value": "rgb(72, 110, 194)"
+      }
+    }
+  },
   "code-font-family": {
     "value": "Source Code Pro"
   },
@@ -15990,5 +16352,22 @@
   "code-cjk-line-height": {
     "ref": "{cjk-line-height-200}",
     "value": "1.7"
+  },
+  "code-color": {
+    "ref": "{gray-800}",
+    "sets": {
+      "light": {
+        "value": "rgb(34, 34, 34)"
+      },
+      "dark": {
+        "value": "rgb(235, 235, 235)"
+      },
+      "darkest": {
+        "value": "rgb(235, 235, 235)"
+      },
+      "wireframe": {
+        "value": "rgb(73, 110, 194)"
+      }
+    }
   }
 }

package/manifest.json

@@ -0,0 +1,9 @@
+[
+  "src/color-aliases.json",
+  "src/color-component.json",
+  "src/color-palette.json",
+  "src/layout-component.json",
+  "src/layout.json",
+  "src/semantic-color-palette.json",
+  "src/typography.json"
+]

package/package.json

@@ -1,20 +1,21 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0-beta.67",
+  "version": "12.0.0-beta.68",
   "description": "",
   "type": "module",
   "main": "config.js",
   "tokens": "dist/json/variables.json",
   "scripts": {
+    "buildManifest": "node tasks/buildManifest.js",
     "convert-excel": "node tasks/excel.js",
-    "test": "yarn node --experimental-vm-modules $(yarn bin jest)",
+    "test": "NODE_OPTIONS=--experimental-vm-modules npx jest",
     "test-watch": "jest --runInBand --watch",
     "build": "node tasks/buildSpectrumTokens.js",
     "diffLastRelease": ". tasks/diffOutput.sh",
     "generateDiffResult": "node tasks/diff.js",
     "clean": "rm -rf dist",
     "pre-commit": "lint-staged",
-    "prepare": "husky install && yarn run build",
+    "prepare": "husky install && yarn run build && yarn run buildManifest",
     "semantic-release": "semantic-release"
   },
   "repository": {
@@ -35,16 +36,18 @@
     "@commitlint/config-conventional": "^17.1.0",
     "@semantic-release/changelog": "^6.0.1",
     "convert-excel-to-json": "^1.7.0",
-    "hex-to-rgba": "^2.0.1",
-    "semantic-release": "^19.0.5",
-    "slugify": "^1.6.5",
     "deep-object-diff": "^1.1.7",
+    "glob": "^8.1.0",
+    "glob-promise": "^6.0.2",
+    "hex-to-rgba": "^2.0.1",
     "husky": "^8.0.1",
     "jest": "^29.0.3",
     "lint-staged": "^13.0.3",
     "node-fetch": "^2.6.7",
     "prettier": "^2.7.1",
+    "semantic-release": "^19.0.5",
     "semantic-release-mirror-version": "^1.1.1",
+    "slugify": "^1.6.5",
     "style-dictionary": "^3.7.1",
     "style-dictionary-sets": "^2.0.5"
   }

package/src/color-component.json

@@ -92,5 +92,17 @@
   "card-selection-background-color-opacity": {
     "component": "cards",
     "value": "0.95"
+  },
+  "drop-zone-background-color": {
+    "component": "drop-zone",
+    "value": "{accent-visual-color}"
+  },
+  "drop-zone-background-color-opacity": {
+    "component": "drop-zone",
+    "value": "0.1"
+  },
+  "drop-zone-background-color-opacity-filled": {
+    "component": "drop-zone",
+    "value": "0.3"
   }
 }

package/src/layout-component.json

@@ -2296,6 +2296,28 @@
     "component": "alert-dialog",
     "value": "480px"
   },
+  "alert-dialog-title-size": {
+    "component": "alert-dialog",
+    "sets": {
+      "desktop": {
+        "value": "{heading-size-s}"
+      },
+      "mobile": {
+        "value": "{heading-size-xs}"
+      }
+    }
+  },
+  "alert-dialog-description-size": {
+    "component": "alert-dialog",
+    "sets": {
+      "desktop": {
+        "value": "{body-size-s}"
+      },
+      "mobile": {
+        "value": "{body-size-xs}"
+      }
+    }
+  },
   "opacity-checkerboard-square-size": {
     "component": "opacity-checkerboard",
     "sets": {
@@ -2728,7 +2750,7 @@
     "component": "color-area",
     "value": "{corner-radius-100}"
   },
-  "color-wheel-minimum-width": {
+  "color-wheel-width": {
     "component": "color-wheel",
     "sets": {
       "desktop": {
@@ -2739,6 +2761,17 @@
       }
     }
   },
+  "color-wheel-minimum-width": {
+    "component": "color-wheel",
+    "sets": {
+      "desktop": {
+        "value": "175px"
+      },
+      "mobile": {
+        "value": "219px"
+      }
+    }
+  },
   "color-wheel-color-area-margin": {
     "component": "color-wheel",
     "value": "12px"
@@ -2815,16 +2848,15 @@
     "component": "color-loupe",
     "sets": {
       "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "64px"
-          }
-        }
+        "value": "64px"
       },
       "express": {
         "sets": {
           "desktop": {
             "value": "40px"
+          },
+          "mobile": {
+            "value": "50px"
           }
         }
       }
@@ -2834,16 +2866,15 @@
     "component": "color-loupe",
     "sets": {
       "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "48px"
-          }
-        }
+        "value": "48px"
       },
       "express": {
         "sets": {
           "desktop": {
             "value": "32px"
+          },
+          "mobile": {
+            "value": "40px"
           }
         }
       }
@@ -2853,18 +2884,10 @@
     "component": "color-loupe",
     "sets": {
       "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "12px"
-          }
-        }
+        "value": "12px"
       },
       "express": {
-        "sets": {
-          "desktop": {
-            "value": "6px"
-          }
-        }
+        "value": "6px"
       }
     }
   },
@@ -2876,18 +2899,10 @@
     "component": "color-loupe",
     "sets": {
       "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "{border-width-200}"
-          }
-        }
+        "value": "{border-width-200}"
       },
       "express": {
-        "sets": {
-          "desktop": {
-            "value": "3px"
-          }
-        }
+        "value": "3px"
       }
     }
   },
@@ -2902,5 +2917,33 @@
   "card-selection-background-size": {
     "component": "cards",
     "value": "40px"
+  },
+  "drop-zone-width": {
+    "component": "drop-zone",
+    "value": "428px"
+  },
+  "drop-zone-content-maximum-width": {
+    "component": "drop-zone",
+    "value": "{illustrated-message-maximum-width}"
+  },
+  "drop-zone-border-dash-length": {
+    "component": "drop-zone",
+    "value": "8px"
+  },
+  "drop-zone-border-dash-gap": {
+    "component": "drop-zone",
+    "value": "4px"
+  },
+  "drop-zone-title-size": {
+    "component": "drop-zone",
+    "value": "{illustrated-message-title-size}"
+  },
+  "drop-zone-cjk-title-size": {
+    "component": "drop-zone",
+    "value": "{illustrated-message-cjk-title-size}"
+  },
+  "drop-zone-body-size": {
+    "component": "drop-zone",
+    "value": "{illustrated-message-body-size}"
   }
 }

package/src/typography.json

@@ -615,6 +615,10 @@
     "component": "heading",
     "value": "0.25"
   },
+  "heading-color": {
+    "component": "heading",
+    "value": "{gray-900}"
+  },
   "body-sans-serif-font-family": {
     "component": "body",
     "value": "{sans-serif-font-family}"
@@ -763,6 +767,10 @@
     "component": "body",
     "value": "0.75"
   },
+  "body-color": {
+    "component": "body",
+    "value": "{gray-800}"
+  },
   "detail-sans-serif-font-family": {
     "component": "detail",
     "value": "{sans-serif-font-family}"
@@ -1003,6 +1011,18 @@
     "component": "detail",
     "value": "0.06em"
   },
+  "detail-sans-serif-text-transform": {
+    "component": "detail",
+    "value": "uppercase"
+  },
+  "detail-serif-text-transform": {
+    "component": "detail",
+    "value": "uppercase"
+  },
+  "detail-color": {
+    "component": "detail",
+    "value": "{gray-900}"
+  },
   "code-font-family": {
     "component": "code",
     "value": "Source Code Pro"
@@ -1102,5 +1122,9 @@
   "code-cjk-line-height": {
     "component": "code",
     "value": "{cjk-line-height-200}"
+  },
+  "code-color": {
+    "component": "code",
+    "value": "{gray-800}"
   }
 }

package/tasks/buildManifest.js

@@ -0,0 +1,8 @@
+import glob from "glob-promise";
+import { writeFile } from "fs/promises";
+
+const manifestFileName = "manifest.json";
+const files = await glob("src/**/*.json");
+
+await writeFile(manifestFileName, JSON.stringify(files, null, 2));
+console.log(`Wrote ${manifestFileName} with ${files.length} files.`);

package/tasks/deprecateExpress.js

@@ -0,0 +1,11 @@
+import glob from "glob-promise";
+import { readFile, writeFile } from "fs/promises";
+import { augmentExpressTokens } from "./lib/augmentExpressTokens.js";
+
+const files = await glob("src/**/*.json");
+files.forEach(async (fileName) => {
+  const fileTokens = JSON.parse(await readFile(fileName, "utf8"));
+  const result = augmentExpressTokens(fileTokens);
+  await writeFile(fileName, JSON.stringify(result, null, 2));
+  console.log(`Updated ${fileName}.`);
+});

package/tasks/lib/augmentExpressTokens.js

@@ -0,0 +1,40 @@
+const deprecationObj = {
+  deprecated: true,
+  deprecated_comment:
+    "Express will merge with Spectrum with the release of Spectrum 2.",
+};
+
+const findExpressValue = (tokenObj) => {
+  if (typeof tokenObj === "object" && tokenObj !== null) {
+    if (tokenObj.hasOwnProperty("value")) {
+      return {
+        ...tokenObj,
+        ...deprecationObj,
+      };
+    } else {
+      const result = {};
+      Object.keys(tokenObj).forEach((tokenName) => {
+        result[tokenName] = findExpressValue(tokenObj[tokenName]);
+      });
+      return result;
+    }
+  }
+};
+
+const augmentExpressTokens = (tokenObj) => {
+  if (typeof tokenObj === "object" && tokenObj !== null) {
+    const result = {};
+    Object.keys(tokenObj).forEach((tokenName) => {
+      if (tokenName === "express") {
+        result[tokenName] = findExpressValue(tokenObj[tokenName]);
+      } else {
+        result[tokenName] = augmentExpressTokens(tokenObj[tokenName]);
+      }
+    });
+    return result;
+  } else {
+    return tokenObj;
+  }
+};
+
+export default augmentExpressTokens;