@spectrum-css/opacitycheckerboard - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

CHANGELOG.md

 # Change Log
 
+## 2.1.0
+
+### Minor Changes
+
+- [#2616](https://github.com/adobe/spectrum-css/pull/2616) [`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d) Thanks [@castastrophe](https://github.com/castastrophe)!
+
+#### Build optmizations to support minification
+
+Output for all component CSS files is now being run through a lightweight optimizer (cssnano) which significantly reduces unnecessary whitespace. These changes reduce file size but should not have any impact on the rendering of the component. By removing unnecessary whitespace from var functions, we are making it easier to effectively minify our provided CSS assets.
+
+### Patch Changes
+
+- Updated peerDependencies [[`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d)]:
+  - @spectrum-css/tokens@>=14
+
 All notable changes to this project will be documented in this file.
@@ -4,0 +19,0 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

package.json

 {
 	"name": "@spectrum-css/opacitycheckerboard",
-	"version": "2.0.0",
+	"version": "2.1.0",
 	"description": "The Spectrum CSS opacitycheckerboard component",
@@ -17,9 +17,21 @@ "license": "Apache-2.0",
 	"main": "dist/index.css",
+	"files": [
+		"dist/*",
+		"CHANGELOG.md",
+		"package.json",
+		"stories/template.js",
+		"metadata/mods.md"
+	],
 	"peerDependencies": {
-		"@spectrum-css/tokens": ">=13"
+		"@spectrum-css/tokens": ">=14"
 	},
+	"keywords": [
+		"spectrum",
+		"css",
+		"design system",
+		"adobe"
+	],
 	"publishConfig": {
 		"access": "public"
-	},
-	"gitHead": "ee96fec864d2f60be456b50964dacfa8d562d9b8"
+	}
 }

stories/template.js

@@ -16,18 +16,16 @@ import { html } from "lit";
 	role,
-}) => {
-	return html`
-		<div
-			class=${classMap({
-				[rootClass]: true,
-				...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
-			})}
-			style=${ifDefined(styleMap({
-				"--mod-opacity-checkerboard-position": backgroundPosition,
-				...customStyles,
-			}))}
-			role=${ifDefined(role)}
-			id=${ifDefined(id)}
-		>
-			${content}
-		</div>`;
-};
+}) => html`
+	<div
+		class=${classMap({
+			[rootClass]: true,
+			...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
+		})}
+		style=${ifDefined(styleMap({
+			"--mod-opacity-checkerboard-position": backgroundPosition,
+			...customStyles,
+		}))}
+		role=${ifDefined(role)}
+		id=${ifDefined(id)}
+	>
+		${content}
+	</div>`;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

14568

decreased by-57.69%

Number of package files

9

decreased by-43.75%

Lines of code

111

decreased by-66.96%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes