@adobe/spectrum-tokens 12.0.0 → 12.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "description": "",
   "type": "module",
   "main": "config.js",
@@ -8,8 +8,8 @@
   "scripts": {
     "buildManifest": "node tasks/buildManifest.js",
     "convert-excel": "node tasks/excel.js",
-    "test": "NODE_OPTIONS=--experimental-vm-modules npx jest",
-    "test-watch": "yarn test --runInBand --watch",
+    "test": "ava",
+    "test-watch": "ava --watch",
     "build": "node tasks/buildSpectrumTokens.js",
     "generateDiffResult": "yarn build && node tasks/diff.js",
     "clean": "rm -rf dist",
@@ -34,13 +34,13 @@
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@semantic-release/changelog": "^6.0.1",
+    "ava": "^5.2.0",
     "convert-excel-to-json": "^1.7.0",
     "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",

package/src/color-component.json

@@ -104,5 +104,52 @@
   "drop-zone-background-color-opacity-filled": {
     "component": "drop-zone",
     "value": "0.3"
+  },
+  "coach-mark-pagination-color": {
+    "component": "coach-mark",
+    "value": "{gray-600}"
+  },
+  "color-handle-inner-border-color": {
+    "component": "color-handle",
+    "value": "{black}"
+  },
+  "color-handle-inner-border-opacity": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "0.42"
+      },
+      "express": {
+        "value": "0.15",
+        "deprecated": true,
+        "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+      }
+    }
+  },
+  "color-handle-outer-border-color": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "{black}"
+      }
+    }
+  },
+  "color-handle-outer-border-opacity": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "{color-handle-inner-border-opacity}"
+      }
+    }
+  },
+  "color-handle-drop-shadow-color": {
+    "component": "color-handle",
+    "sets": {
+      "express": {
+        "value": "{drop-shadow-color}",
+        "deprecated": true,
+        "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+      }
+    }
   }
 }

package/src/layout-component.json

@@ -1716,6 +1716,50 @@
       }
     }
   },
+  "menu-item-top-to-selected-icon-small": {
+    "component": "menu",
+    "sets": {
+      "desktop": {
+        "value": "7px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "menu-item-top-to-selected-icon-medium": {
+    "component": "menu",
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "13px"
+      }
+    }
+  },
+  "menu-item-top-to-selected-icon-large": {
+    "component": "menu",
+    "sets": {
+      "desktop": {
+        "value": "14px"
+      },
+      "mobile": {
+        "value": "17px"
+      }
+    }
+  },
+  "menu-item-top-to-selected-icon-extra-large": {
+    "component": "menu",
+    "sets": {
+      "desktop": {
+        "value": "17px"
+      },
+      "mobile": {
+        "value": "22px"
+      }
+    }
+  },
   "slider-track-thickness": {
     "component": "slider",
     "sets": {
@@ -2254,6 +2298,14 @@
       }
     }
   },
+  "picker-border-width": {
+    "component": "picker",
+    "sets": {
+      "spectrum": {
+        "value": "{border-width-100}"
+      }
+    }
+  },
   "text-field-minimum-width-multiplier": {
     "component": "text-field",
     "value": "1.5"
@@ -2969,7 +3021,14 @@
   },
   "color-slider-minimum-length": {
     "component": "color-slider",
-    "value": "200px"
+    "sets": {
+      "desktop": {
+        "value": "80px"
+      },
+      "mobile": {
+        "value": "100px"
+      }
+    }
   },
   "color-slider-border-width": {
     "component": "color-slider",
@@ -3137,5 +3196,532 @@
   "drop-zone-body-size": {
     "component": "drop-zone",
     "value": "{illustrated-message-body-size}"
+  },
+  "coach-mark-minimum-width": {
+    "component": "coach-mark-width",
+    "sets": {
+      "desktop": {
+        "value": "296px"
+      },
+      "mobile": {
+        "value": "208px"
+      }
+    }
+  },
+  "coach-mark-edge-to-content": {
+    "component": "coach-mark-width",
+    "sets": {
+      "desktop": {
+        "value": "{spacing-400}"
+      },
+      "mobile": {
+        "value": "{spacing-300}"
+      }
+    }
+  },
+  "coach-mark-pagination-text-to-bottom-edge": {
+    "component": "coach-mark-width",
+    "sets": {
+      "desktop": {
+        "value": "33px"
+      },
+      "mobile": {
+        "value": "22px"
+      }
+    }
+  },
+  "coach-mark-media-minimum-height": {
+    "component": "coach-mark-media-height",
+    "sets": {
+      "desktop": {
+        "value": "166px"
+      },
+      "mobile": {
+        "value": "121px"
+      }
+    }
+  },
+  "coach-mark-title-size": {
+    "component": "coach-mark-media-height",
+    "sets": {
+      "mobile": {
+        "value": "{heading-size-xxs}"
+      }
+    }
+  },
+  "coach-mark-body-size": {
+    "component": "coach-mark-media-height",
+    "sets": {
+      "mobile": {
+        "value": "{body-size-xs}"
+      }
+    }
+  },
+  "coach-mark-pagination-body-size": {
+    "component": "coach-mark-media-height",
+    "sets": {
+      "mobile": {
+        "value": "{body-size-xs}"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-small": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "2px"
+      },
+      "mobile": {
+        "value": "2px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-small": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "5px"
+      },
+      "mobile": {
+        "value": "7px"
+      }
+    }
+  },
+  "accordion-small-top-to-text-spacious": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-medium": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "4px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-medium": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "accordion-top-to-text-spacious-medium": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "7px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "accordion-top-to-text-spacious-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-extra-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "5px"
+      },
+      "mobile": {
+        "value": "7px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-extra-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "accordion-top-to-text-spacious-extra-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "13px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-small": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "2px"
+      },
+      "mobile": {
+        "value": "4px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-small": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "7px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-small": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-medium": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "5px"
+      },
+      "mobile": {
+        "value": "8px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-medium": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "13px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-medium": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "13px"
+      },
+      "mobile": {
+        "value": "18px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "19px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-extra-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-extra-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "15px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-extra-large": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "21px"
+      }
+    }
+  },
+  "accordion-minimum-width": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "200px"
+      },
+      "mobile": {
+        "value": "250px"
+      }
+    }
+  },
+  "accordion-disclosure-indicator-to-text": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-edge-to-disclosure-indicator": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-edge-to-text": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-focus-indicator-gap": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-content-area-top-to-content": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "accordion-content-area-bottom-to-content": {
+    "component": "accordion",
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
+  "color-handle-size": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "20px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "20px",
+            "deprecated": true,
+            "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+          },
+          "mobile": {
+            "value": "24px",
+            "deprecated": true,
+            "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+          }
+        }
+      }
+    }
+  },
+  "color-handle-size-key-focus": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "32px"
+          },
+          "mobile": {
+            "value": "40px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "40px",
+            "deprecated": true,
+            "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+          },
+          "mobile": {
+            "value": "48px",
+            "deprecated": true,
+            "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+          }
+        }
+      }
+    }
+  },
+  "color-handle-border-width": {
+    "component": "color-handle",
+    "value": "{border-width-200}"
+  },
+  "color-handle-inner-border-width": {
+    "component": "color-handle",
+    "value": "1px"
+  },
+  "color-handle-outer-border-width": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "1px"
+      },
+      "express": {
+        "value": "0px",
+        "deprecated": true,
+        "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+      }
+    }
+  },
+  "color-handle-drop-shadow-x": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "0"
+      },
+      "express": {
+        "value": "{drop-shadow-x}",
+        "deprecated": true,
+        "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+      }
+    }
+  },
+  "color-handle-drop-shadow-y": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "0"
+      },
+      "express": {
+        "value": "{color-loupe-drop-shadow-y}",
+        "deprecated": true,
+        "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+      }
+    }
+  },
+  "color-handle-drop-shadow-blur": {
+    "component": "color-handle",
+    "sets": {
+      "spectrum": {
+        "value": "0"
+      },
+      "express": {
+        "value": "{color-loupe-drop-shadow-blur}",
+        "deprecated": true,
+        "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
+      }
+    }
   }
 }