@adobe/spectrum-tokens 12.0.0-beta.64 → 12.0.0-beta.66

package/CHANGELOG.md

@@ -1,9 +1,8 @@
-# [12.0.0-beta.64](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.63...v12.0.0-beta.64) (2023-01-11)
+# [12.0.0-beta.66](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.65...v12.0.0-beta.66) (2023-01-11)
 
 
 ### Features
 
-* adding floating action button shadow blur token (DNA-1246) ([840c48f](https://github.com/adobe/spectrum-tokens/commit/840c48f1631ff576fc98aa1c6acc18d330857643))
-* rename typography tokens, new heading tokens (DNA-1242, DNA-1243) ([ffe856a](https://github.com/adobe/spectrum-tokens/commit/ffe856afbeb67924043c6e86a045cf76e2923bbe))
-* update field label values (DNA-1240) ([e9ed057](https://github.com/adobe/spectrum-tokens/commit/e9ed057f76d6cc86f706c87438df2ef4d1737621))
-* update side label character count spacing (DNA-1241) ([2738648](https://github.com/adobe/spectrum-tokens/commit/2738648704acc73f35d7eeefb71ff5928f7ef01f))
+* added illustrated-message tokens ([3326f28](https://github.com/adobe/spectrum-tokens/commit/3326f28d285a7cbbc9c97d74d7ca032e2442a79f))
+* added missing field-edge-to-visual-quiet token ([4250036](https://github.com/adobe/spectrum-tokens/commit/4250036a7923837a2e28937812b2488c40f29b61))
+* added search-field tokens ([3f8f544](https://github.com/adobe/spectrum-tokens/commit/3f8f54493eec685897429b6379345889073f84a3))

package/dist/json/drover.json

@@ -1426,6 +1426,7 @@
     "field-edge-to-validation-icon-medium": "12px",
     "field-edge-to-validation-icon-quiet": "0px",
     "field-edge-to-validation-icon-small": "9px",
+    "field-edge-to-visual-quiet": "0px",
     "field-label-text-to-asterisk-extra-large": "5px",
     "field-label-text-to-asterisk-large": "5px",
     "field-label-text-to-asterisk-medium": "4px",
@@ -1463,6 +1464,7 @@
     "field-top-to-validation-icon-large": "14px",
     "field-top-to-validation-icon-medium": "11px",
     "field-top-to-validation-icon-small": "7px",
+    "field-width": "192px",
     "floating-action-button-drop-shadow-blur": "12px",
     "focus-indicator-gap": "2px",
     "focus-indicator-thickness": "2px",
@@ -1511,6 +1513,10 @@
     "help-text-top-to-workflow-icon-large": "6px",
     "help-text-top-to-workflow-icon-medium": "3px",
     "help-text-top-to-workflow-icon-small": "4px",
+    "illustrated-message-body-size": "14px",
+    "illustrated-message-cjk-title-size": "20px",
+    "illustrated-message-maximum-width": "380px",
+    "illustrated-message-title-size": "22px",
     "in-line-alert-minimum-width": "240px",
     "line-height-100": "1.3",
     "line-height-200": "1.5",

package/dist/json/variables.json

@@ -11586,6 +11586,90 @@
   "floating-action-button-drop-shadow-blur": {
     "value": "12px"
   },
+  "illustrated-message-maximum-width": {
+    "value": "380px"
+  },
+  "illustrated-message-title-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{heading-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "22px"
+          },
+          "mobile": {
+            "value": "27px"
+          }
+        }
+      },
+      "mobile": {
+        "ref": "{heading-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
+          }
+        }
+      }
+    }
+  },
+  "illustrated-message-cjk-title-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{heading-cjk-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "20px"
+          },
+          "mobile": {
+            "value": "24px"
+          }
+        }
+      },
+      "mobile": {
+        "ref": "{heading-cjk-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
+          }
+        }
+      }
+    }
+  },
+  "illustrated-message-body-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"
+          }
+        }
+      }
+    }
+  },
+  "search-field-minimum-width-multiplier": {
+    "value": "3"
+  },
   "corner-radius-75": {
     "sets": {
       "spectrum": {
@@ -12444,6 +12528,9 @@
   "field-edge-to-text-quiet": {
     "value": "0px"
   },
+  "field-edge-to-visual-quiet": {
+    "value": "0px"
+  },
   "field-edge-to-border-quiet": {
     "value": "0px"
   },
@@ -12773,6 +12860,16 @@
       }
     }
   },
+  "field-width": {
+    "sets": {
+      "desktop": {
+        "value": "192px"
+      },
+      "mobile": {
+        "value": "240px"
+      }
+    }
+  },
   "character-count-to-field-quiet-small": {
     "sets": {
       "desktop": {
@@ -15375,6 +15472,14 @@
     "ref": "{sans-serif-font-family}",
     "value": "Adobe Clean"
   },
+  "detail-serif-font-family": {
+    "ref": "{serif-font-family}",
+    "value": "Adobe Clean Serif"
+  },
+  "detail-cjk-font-family": {
+    "ref": "{cjk-font-family}",
+    "value": "Adobe Clean Han"
+  },
   "detail-sans-serif-font-weight": {
     "ref": "{bold-font-weight}",
     "value": "bold"
@@ -15383,10 +15488,6 @@
     "ref": "{default-font-style}",
     "value": "normal"
   },
-  "detail-serif-font-family": {
-    "ref": "{serif-font-family}",
-    "value": "Adobe Clean Serif"
-  },
   "detail-serif-font-weight": {
     "ref": "{bold-font-weight}",
     "value": "bold"
@@ -15395,10 +15496,6 @@
     "ref": "{default-font-style}",
     "value": "normal"
   },
-  "detail-cjk-font-family": {
-    "ref": "{cjk-font-family}",
-    "value": "Adobe Clean Han"
-  },
   "detail-cjk-font-weight": {
     "ref": "{extra-bold-font-weight}",
     "value": "extra-bold"
@@ -15639,6 +15736,10 @@
   "code-font-family": {
     "value": "Source Code Pro"
   },
+  "code-cjk-font-family": {
+    "ref": "{code-font-family}",
+    "value": "Source Code Pro"
+  },
   "code-font-weight": {
     "ref": "{regular-font-weight}",
     "value": "regular"
@@ -15647,10 +15748,6 @@
     "ref": "{default-font-style}",
     "value": "normal"
   },
-  "code-cjk-font-family": {
-    "ref": "{code-font-family}",
-    "value": "Source Code Pro"
-  },
   "code-cjk-font-weight": {
     "ref": "{regular-font-weight}",
     "value": "regular"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0-beta.64",
+  "version": "12.0.0-beta.66",
   "description": "",
   "type": "module",
   "main": "config.js",

package/src/layout-component.json

@@ -2769,5 +2769,46 @@
   "floating-action-button-drop-shadow-blur": {
     "component": "floating-action-button",
     "value": "12px"
+  },
+  "illustrated-message-maximum-width": {
+    "component": "illustrated-message",
+    "value": "380px"
+  },
+  "illustrated-message-title-size": {
+    "component": "illustrated-message",
+    "sets": {
+      "desktop": {
+        "value": "{heading-size-m}"
+      },
+      "mobile": {
+        "value": "{heading-size-s}"
+      }
+    }
+  },
+  "illustrated-message-cjk-title-size": {
+    "component": "illustrated-message",
+    "sets": {
+      "desktop": {
+        "value": "{heading-cjk-size-m}"
+      },
+      "mobile": {
+        "value": "{heading-cjk-size-s}"
+      }
+    }
+  },
+  "illustrated-message-body-size": {
+    "component": "illustrated-message",
+    "sets": {
+      "desktop": {
+        "value": "{body-size-s}"
+      },
+      "mobile": {
+        "value": "{body-size-xs}"
+      }
+    }
+  },
+  "search-field-minimum-width-multiplier": {
+    "component": "search-field",
+    "value": "3"
   }
 }

package/src/layout.json

@@ -857,6 +857,9 @@
   "field-edge-to-text-quiet": {
     "value": "0px"
   },
+  "field-edge-to-visual-quiet": {
+    "value": "0px"
+  },
   "field-edge-to-border-quiet": {
     "value": "0px"
   },
@@ -1186,6 +1189,16 @@
       }
     }
   },
+  "field-width": {
+    "sets": {
+      "desktop": {
+        "value": "192px"
+      },
+      "mobile": {
+        "value": "240px"
+      }
+    }
+  },
   "character-count-to-field-quiet-small": {
     "sets": {
       "desktop": {

package/src/typography.json

@@ -767,6 +767,14 @@
     "component": "detail",
     "value": "{sans-serif-font-family}"
   },
+  "detail-serif-font-family": {
+    "component": "detail",
+    "value": "{serif-font-family}"
+  },
+  "detail-cjk-font-family": {
+    "component": "detail",
+    "value": "{cjk-font-family}"
+  },
   "detail-sans-serif-font-weight": {
     "component": "detail",
     "value": "{bold-font-weight}"
@@ -775,10 +783,6 @@
     "component": "detail",
     "value": "{default-font-style}"
   },
-  "detail-serif-font-family": {
-    "component": "detail",
-    "value": "{serif-font-family}"
-  },
   "detail-serif-font-weight": {
     "component": "detail",
     "value": "{bold-font-weight}"
@@ -787,10 +791,6 @@
     "component": "detail",
     "value": "{default-font-style}"
   },
-  "detail-cjk-font-family": {
-    "component": "detail",
-    "value": "{cjk-font-family}"
-  },
   "detail-cjk-font-weight": {
     "component": "detail",
     "value": "{extra-bold-font-weight}"
@@ -1007,6 +1007,10 @@
     "component": "code",
     "value": "Source Code Pro"
   },
+  "code-cjk-font-family": {
+    "component": "code",
+    "value": "{code-font-family}"
+  },
   "code-font-weight": {
     "component": "code",
     "value": "{regular-font-weight}"
@@ -1015,10 +1019,6 @@
     "component": "code",
     "value": "{default-font-style}"
   },
-  "code-cjk-font-family": {
-    "component": "code",
-    "value": "{code-font-family}"
-  },
   "code-cjk-font-weight": {
     "component": "code",
     "value": "{regular-font-weight}"

package/tasks/diff.js

@@ -1,6 +1,6 @@
-const { access, readFile, writeFile } = require("fs/promises");
-const fetch = require("node-fetch");
-const { detailedDiff, diff } = require("deep-object-diff");
+import { access, readFile, writeFile } from "fs/promises";
+import fetch from "node-fetch";
+import { detailedDiff, diff } from "deep-object-diff";
 
 const tag = "beta";
 const tokenPath = "dist/json/variables.json";