@spectrum-css/tray - npm Package Compare versions

Comparing version 3.1.1 to 3.1.2

CHANGELOG.md

 # Change Log
 
+## 3.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
+
+- Updated dependencies [[`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277)]:
+  - @spectrum-css/divider@3.1.2
+  - @spectrum-css/button@13.1.2
+  - @spectrum-css/dialog@10.1.3
+  - @spectrum-css/modal@5.1.2
+  - @spectrum-css/icon@7.1.3
+
 ## 3.1.1
@@ -40,3 +53,5 @@
 <a name="3.0.0"></a>
-#3.0.0
+
+## 3.0.0
+
 🗓
@@ -56,3 +71,5 @@ 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.7...@spectrum-css/tray@3.0.0)
 <a name="2.2.7"></a>
-##2.2.7
+
+## 2.2.7
+
 🗓
@@ -64,3 +81,5 @@ 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.6...@spectrum-css/tray@2.2.7)
 <a name="2.2.6"></a>
-##2.2.6
+
+## 2.2.6
+
 🗓
@@ -72,3 +91,5 @@ 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.5...@spectrum-css/tray@2.2.6)
 <a name="2.2.5"></a>
-##2.2.5
+
+## 2.2.5
+
 🗓
@@ -82,3 +103,5 @@ 2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.4...@spectrum-css/tray@2.2.5)
 <a name="2.2.4"></a>
-##2.2.4
+
+## 2.2.4
+
 🗓
@@ -90,3 +113,5 @@ 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.3...@spectrum-css/tray@2.2.4)
 <a name="2.2.3"></a>
-##2.2.3
+
+## 2.2.3
+
 🗓
@@ -98,3 +123,5 @@ 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.2...@spectrum-css/tray@2.2.3)
 <a name="2.2.2"></a>
-##2.2.2
+
+## 2.2.2
+
 🗓
@@ -106,3 +133,5 @@ 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.1...@spectrum-css/tray@2.2.2)
 <a name="2.2.1"></a>
-##2.2.1
+
+## 2.2.1
+
 🗓
@@ -114,3 +143,5 @@ 2024-02-06
 <a name="2.2.0"></a>
-#2.2.0
+
+## 2.2.0
+
 🗓
@@ -124,3 +155,5 @@ 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.22...@spectrum-css/tray@2.2.0)
 <a name="2.1.22"></a>
-##2.1.22
+
+## 2.1.22
+
 🗓
@@ -132,3 +165,5 @@ 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.21...@spectrum-css/tray@2.1.22)
 <a name="2.1.21"></a>
-##2.1.21
+
+## 2.1.21
+
 🗓
@@ -140,3 +175,5 @@ 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.20...@spectrum-css/tray@2.1.21)
 <a name="2.1.20"></a>
-##2.1.20
+
+## 2.1.20
+
 🗓
@@ -148,3 +185,5 @@ 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.18...@spectrum-css/tray@2.1.20)
 <a name="2.1.19"></a>
-##2.1.19
+
+## 2.1.19
+
 🗓
@@ -156,3 +195,5 @@ 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.18...@spectrum-css/tray@2.1.19)
 <a name="2.1.18"></a>
-##2.1.18
+
+## 2.1.18
+
 🗓
@@ -164,3 +205,5 @@ 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.17...@spectrum-css/tray@2.1.18)
 <a name="2.1.17"></a>
-##2.1.17
+
+## 2.1.17
+
 🗓
@@ -172,3 +215,5 @@ 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.16...@spectrum-css/tray@2.1.17)
 <a name="2.1.16"></a>
-##2.1.16
+
+## 2.1.16
+
 🗓
@@ -180,3 +225,5 @@ 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.15...@spectrum-css/tray@2.1.16)
 <a name="2.1.15"></a>
-##2.1.15
+
+## 2.1.15
+
 🗓
@@ -188,3 +235,5 @@ 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.14...@spectrum-css/tray@2.1.15)
 <a name="2.1.14"></a>
-##2.1.14
+
+## 2.1.14
+
 🗓
@@ -196,3 +245,5 @@ 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.13...@spectrum-css/tray@2.1.14)
 <a name="2.1.13"></a>
-##2.1.13
+
+## 2.1.13
+
 🗓
@@ -204,3 +255,5 @@ 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.12...@spectrum-css/tray@2.1.13)
 <a name="2.1.12"></a>
-##2.1.12
+
+## 2.1.12
+
 🗓
@@ -212,3 +265,5 @@ 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.11...@spectrum-css/tray@2.1.12)
 <a name="2.1.11"></a>
-##2.1.11
+
+## 2.1.11
+
 🗓
@@ -220,3 +275,5 @@ 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.10...@spectrum-css/tray@2.1.11)
 <a name="2.1.10"></a>
-##2.1.10
+
+## 2.1.10
+
 🗓
@@ -228,3 +285,5 @@ 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.9...@spectrum-css/tray@2.1.10)
 <a name="2.1.9"></a>
-##2.1.9
+
+## 2.1.9
+
 🗓
@@ -236,3 +295,5 @@ 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.8...@spectrum-css/tray@2.1.9)
 <a name="2.1.8"></a>
-##2.1.8
+
+## 2.1.8
+
 🗓
@@ -246,3 +307,5 @@ 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.7...@spectrum-css/tray@2.1.8)
 <a name="2.1.7"></a>
-##2.1.7
+
+## 2.1.7
+
 🗓
@@ -254,3 +317,5 @@ 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.6...@spectrum-css/tray@2.1.7)
 <a name="2.1.6"></a>
-##2.1.6
+
+## 2.1.6
+
 🗓
@@ -262,3 +327,5 @@ 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.4...@spectrum-css/tray@2.1.6)
 <a name="2.1.5"></a>
-##2.1.5
+
+## 2.1.5
+
 🗓
@@ -270,3 +337,5 @@ 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.4...@spectrum-css/tray@2.1.5)
 <a name="2.1.4"></a>
-##2.1.4
+
+## 2.1.4
+
 🗓
@@ -278,3 +347,5 @@ 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.3...@spectrum-css/tray@2.1.4)
 <a name="2.1.3"></a>
-##2.1.3
+
+## 2.1.3
+
 🗓
@@ -286,3 +357,5 @@ 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.2...@spectrum-css/tray@2.1.3)
 <a name="2.1.2"></a>
-##2.1.2
+
+## 2.1.2
+
 🗓
@@ -294,3 +367,5 @@ 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.1...@spectrum-css/tray@2.1.2)
 <a name="2.1.1"></a>
-##2.1.1
+
+## 2.1.1
+
 🗓
@@ -302,3 +377,5 @@ 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.0...@spectrum-css/tray@2.1.1)
 <a name="2.1.0"></a>
-#2.1.0
+
+## 2.1.0
+
 🗓
@@ -312,3 +389,5 @@ 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.57...@spectrum-css/tray@2.1.0)
 <a name="2.0.57"></a>
-##2.0.57
+
+## 2.0.57
+
 🗓
@@ -320,3 +399,5 @@ 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.56...@spectrum-css/tray@2.0.57)
 <a name="2.0.56"></a>
-##2.0.56
+
+## 2.0.56
+
 🗓
@@ -328,3 +409,5 @@ 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.55...@spectrum-css/tray@2.0.56)
 <a name="2.0.55"></a>
-##2.0.55
+
+## 2.0.55
+
 🗓
@@ -336,3 +419,5 @@ 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.54...@spectrum-css/tray@2.0.55)
 <a name="2.0.54"></a>
-##2.0.54
+
+## 2.0.54
+
 🗓
@@ -344,3 +429,5 @@ 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.53...@spectrum-css/tray@2.0.54)
 <a name="2.0.53"></a>
-##2.0.53
+
+## 2.0.53
+
 🗓
@@ -352,3 +439,5 @@ 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.52...@spectrum-css/tray@2.0.53)
 <a name="2.0.52"></a>
-##2.0.52
+
+## 2.0.52
+
 🗓
@@ -360,3 +449,5 @@ 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.51...@spectrum-css/tray@2.0.52)
 <a name="2.0.51"></a>
-##2.0.51
+
+## 2.0.51
+
 🗓
@@ -368,3 +459,5 @@ 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.50...@spectrum-css/tray@2.0.51)
 <a name="2.0.50"></a>
-##2.0.50
+
+## 2.0.50
+
 🗓
@@ -378,3 +471,5 @@ 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.49...@spectrum-css/tray@2.0.50)
 <a name="2.0.49"></a>
-##2.0.49
+
+## 2.0.49
+
 🗓
@@ -386,3 +481,5 @@ 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.48...@spectrum-css/tray@2.0.49)
 <a name="2.0.48"></a>
-##2.0.48
+
+## 2.0.48
+
 🗓
@@ -771,3 +868,3 @@ 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.47...@spectrum-css/tray@2.0.48)
 
-# 2.0.0
+## 2.0.0
 
@@ -1076,3 +1173,3 @@ 🗓 2022-12-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@1.0.31...@spectrum-css/tray@2.0.0)
 
-# 1.0.0
+## 1.0.0
 
@@ -1085,3 +1182,3 @@ 🗓 2021-02-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@1.0.0-beta.3...@spectrum-css/tray@1.0.0)
 
-# 1.0.0-beta.3
+## 1.0.0-beta.3
 
@@ -1101,3 +1198,3 @@ 🗓 2020-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@1.0.0-beta.2...@spectrum-css/tray@1.0.0-beta.3)
 
-# 1.0.0-beta.2
+## 1.0.0-beta.2
 
@@ -1110,3 +1207,3 @@ 🗓 2020-10-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@1.0.0-beta.1...@spectrum-css/tray@1.0.0-beta.2)
 
-# 1.0.0-beta.1
+## 1.0.0-beta.1
 
@@ -1113,0 +1210,0 @@ 🗓 2020-09-23

package.json

 {
 	"name": "@spectrum-css/tray",
-	"version": "3.1.1",
+	"version": "3.1.2",
 	"description": "The Spectrum CSS tray 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": {
@@ -34,2 +44,10 @@ "@spectrum-css/button": ">=13",
 	},
+	"peerDependenciesMeta": {
+		"@spectrum-css/dialog": {
+			"optional": true
+		},
+		"@spectrum-css/divider": {
+			"optional": true
+		}
+	},
 	"devDependencies": {
@@ -43,10 +61,2 @@ "@spectrum-css/button": "workspace:^",
 	},
-	"peerDependenciesMeta": {
-		"@spectrum-css/dialog": {
-			"optional": true
-		},
-		"@spectrum-css/divider": {
-			"optional": true
-		}
-	},
 	"keywords": [
@@ -53,0 +63,0 @@ "spectrum",

stories/template.js

@@ -0,7 +1,7 @@
+import { Template as Modal } from "@spectrum-css/modal/stories/template.js";
+import { getRandomId } from "@spectrum-css/preview/decorators";
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 import { styleMap } from "lit/directives/style-map.js";
 
-import "@spectrum-css/modal/index.css";
 import "../index.css";
@@ -13,21 +13,22 @@
 	content = [],
-	customClasses = ["spectrum-Modal"],
+	customClasses = [],
 	customStyles = {},
-	id,
-}) => html`
+	id = getRandomId("tray"),
+} = {}, context = {}) => {
+	return html`
 		<div
-			class="${rootClass}-wrapper"
-			style=${ifDefined(styleMap(customStyles))}
+			class=${classMap({
+				[`${rootClass}-wrapper`]: true,
+			})}
+			style=${styleMap(customStyles)}
 		>
-			<div
-				class=${classMap({
-					[rootClass]: true,
-					"is-open": isOpen,
-					...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
-				})}
-				id=${ifDefined(id)}
-			>
-			${content.map((c) => (typeof c === "function" ? c({}) : c))}
-			</div>
+		${Modal({
+			customClasses: [rootClass, ...customClasses],
+			isOpen,
+			content,
+			id,
+			skipWrapper: true,
+		}, context)}
 		</div>
 	`;
+};

No alert changes

Improved metrics

Total package byte prevSize

55179

10.75%

Number of package files

12

33.33%

Lines of code

381

37.05%

No dependency changes