@spectrum-css/opacitycheckerboard - npm Package Compare versions

Comparing version 3.0.0-s2-foundations.12 to 3.0.0-s2-foundations.13

CHANGELOG.md

 # Change Log
 
+## 3.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+  - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
 ## 3.0.0-s2-foundations.12
@@ -148,2 +159,8 @@
 
+## 2.1.2
+
+### Patch Changes
+
+- [#3045](https://github.com/adobe/spectrum-css/pull/3045) [`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277) Thanks [@castastrophe](https://github.com/castastrophe)! - Improve changeset suggestions by using exports instead of files in component packages
+
 ## 2.1.1
@@ -150,0 +167,0 @@

package.json

 {
 	"name": "@spectrum-css/opacitycheckerboard",
-	"version": "3.0.0-s2-foundations.12",
+	"version": "3.0.0-s2-foundations.13",
 	"description": "The Spectrum CSS opacitycheckerboard component",
@@ -16,3 +16,12 @@ "license": "Apache-2.0",
 	},
-	"main": "dist/index.css",
+	"exports": {
+		".": "./dist/index.css",
+		"./CHANGELOG.md": "./CHANGELOG.md",
+		"./index-*.css": "./dist/index-*.css",
+		"./index.css": "./dist/index.css",
+		"./metadata.json": "./metadata/metadata.json",
+		"./metadata/*": "./metadata/*",
+		"./package.json": "./package.json",
+		"./stories/*": "./stories/*"
+	},
 	"files": [
@@ -22,5 +31,6 @@ "dist/*",
 		"package.json",
-		"stories/template.js",
-		"metadata/mods.md"
+		"stories/*",
+		"metadata/*"
 	],
+	"main": "dist/index.css",
 	"peerDependencies": {
@@ -27,0 +37,0 @@ "@spectrum-css/tokens": ">=14"

stories/template.js

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

No alert changes

Improved metrics

Total package byte prevSize

29175

increased by6.14%

Number of package files

15

increased by7.14%

Lines of code

248

increased by18.1%

No dependency changes