@spectrum-css/opacitycheckerboard - npm Package Compare versions

Comparing version 3.0.0-s2-foundations.10 to 3.0.0-s2-foundations.11

CHANGELOG.md

 # Change Log
 
+## 3.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`8e772ef`](https://github.com/adobe/spectrum-css/commit/8e772efd757f5e88fd4048a5c0229472f9bf90cf) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`8e772ef`](https://github.com/adobe/spectrum-css/commit/8e772efd757f5e88fd4048a5c0229472f9bf90cf)]:
+  - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
 ## 3.0.0-s2-foundations.10
@@ -7,7 +18,7 @@
 
-- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`54c5625`](https://github.com/adobe/spectrum-css/commit/54c56257bcca5872567a2bf0c5737e35b8190b05) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
 
 ### Patch Changes
 
-- Updated dependencies [[`54c5625`](https://github.com/adobe/spectrum-css/commit/54c56257bcca5872567a2bf0c5737e35b8190b05)]:
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
   - @spectrum-css/tokens@15.0.0-s2-foundations.10
@@ -14,0 +25,0 @@

package.json

 {
 	"name": "@spectrum-css/opacitycheckerboard",
-	"version": "3.0.0-s2-foundations.10",
+	"version": "3.0.0-s2-foundations.11",
 	"description": "The Spectrum CSS opacitycheckerboard component",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

stories/template.js

@@ -1,2 +0,1 @@
-import { getRandomId, renderContent } from "@spectrum-css/preview/decorators/utilities.js";
 import { html } from "lit";
@@ -8,4 +7,2 @@ import { classMap } from "lit/directives/class-map.js";
 import "../index.css";
-import "../themes/express.css";
-import "../themes/spectrum.css";
 
@@ -17,22 +14,19 @@ export const Template = ({
 	customStyles = {},
-	id = getRandomId("opacity-checkerboard"),
+	id,
 	content = [],
 	role,
-} = {}, context = {}) => {
-	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)}
-		>
-			${renderContent(content, { context })}
-		</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>`;

No alert changes

Improved metrics

Total package byte prevSize

26794

increased by0.87%

Worsened metrics

Lines of code

213

decreased by-2.74%

No dependency changes