@spectrum-css/swatch - npm Package Compare versions

Comparing version 7.0.1 to 8.0.0

CHANGELOG.md

 # Change Log
 
+## 8.0.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change
+
+  This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset.
+
+  For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher.
+
+  For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`.
+
+  If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**.
+
+  ### Deprecations
+
+  The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS.
+
+  The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css`
+
+  ### File usage
+
+  If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations.
+
+  If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file.
+
+  To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express).
+
+### Patch Changes
+
+- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]:
+  - @spectrum-css/tokens@16.0.0
+  - @spectrum-css/opacitycheckerboard@4.0.0
+
 ## 7.0.1
@@ -4,0 +38,0 @@

package.json

 {
 	"name": "@spectrum-css/swatch",
-	"version": "7.0.1",
+	"version": "8.0.0",
 	"description": "The Spectrum CSS Color swatch component",
 	"license": "Apache-2.0",
 	"author": "Adobe",
-	"homepage": "https://opensource.adobe.com/spectrum-css/swatch",
+	"homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-swatch--docs",
 	"repository": {
@@ -22,13 +22,7 @@ "type": "git",
 		"./index.css": "./dist/index.css",
-		"./metadata.json": "./metadata/metadata.json",
-		"./metadata/*": "./metadata/*",
-		"./package.json": "./package.json"
+		"./metadata.json": "./dist/metadata.json",
+		"./package.json": "./package.json",
+		"./stories/*": "./stories/*"
 	},
 	"main": "dist/index.css",
-	"files": [
-		"dist/*",
-		"*.md",
-		"package.json",
-		"metadata/*"
-	],
 	"peerDependencies": {
@@ -39,10 +33,17 @@ "@spectrum-css/opacitycheckerboard": ">=2",
 	"devDependencies": {
-		"@spectrum-css/opacitycheckerboard": "workspace:^",
-		"@spectrum-css/tokens": "workspace:^"
+		"@spectrum-css/opacitycheckerboard": "4.0.0",
+		"@spectrum-css/tokens": "16.0.0",
+		"eslint": "^8.57.0",
+		"npm-run-all2": "^7.0.2",
+		"prettier": "^3.4.2",
+		"stylelint": "^16.9.0"
 	},
 	"keywords": [
+		"design-system",
 		"spectrum",
-		"css",
-		"design system",
-		"adobe"
+		"spectrum-css",
+		"adobe",
+		"adobe-spectrum",
+		"component",
+		"css"
 	],
@@ -49,0 +50,0 @@ "publishConfig": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

97431

increased by55.7%

Number of package files

17

increased by183.33%

Lines of code

1577

increased by156.42%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

6

increased by200%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes