@spectrum-css/pagination - npm Package Compare versions

Comparing version 8.1.1 to 8.1.2

CHANGELOG.md

 # Change Log
 
+## 8.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/actionbutton@6.1.2
+  - @spectrum-css/textfield@7.2.1
+  - @spectrum-css/button@13.1.2
+  - @spectrum-css/icon@7.1.3
+
 ## 8.1.1
@@ -38,3 +50,5 @@
 <a name="8.0.0"></a>
-#8.0.0
+
+## 8.0.0
+
 🗓
@@ -54,3 +68,5 @@ 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.6...@spectrum-css/pagination@8.0.0)
 <a name="7.1.6"></a>
-##7.1.6
+
+## 7.1.6
+
 🗓
@@ -62,3 +78,5 @@ 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.5...@spectrum-css/pagination@7.1.6)
 <a name="7.1.5"></a>
-##7.1.5
+
+## 7.1.5
+
 🗓
@@ -70,3 +88,5 @@ 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.4...@spectrum-css/pagination@7.1.5)
 <a name="7.1.4"></a>
-##7.1.4
+
+## 7.1.4
+
 🗓
@@ -78,3 +98,5 @@ 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.3...@spectrum-css/pagination@7.1.4)
 <a name="7.1.3"></a>
-##7.1.3
+
+## 7.1.3
+
 🗓
@@ -86,3 +108,5 @@ 2024-02-06
 <a name="7.1.2"></a>
-##7.1.2
+
+## 7.1.2
+
 🗓
@@ -94,3 +118,5 @@ 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.1...@spectrum-css/pagination@7.1.2)
 <a name="7.1.1"></a>
-##7.1.1
+
+## 7.1.1
+
 🗓
@@ -104,3 +130,5 @@ 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.0...@spectrum-css/pagination@7.1.1)
 <a name="7.1.0"></a>
-#7.1.0
+
+## 7.1.0
+
 🗓
@@ -114,3 +142,5 @@ 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.0.5...@spectrum-css/pagination@7.1.0)
 <a name="7.0.5"></a>
-##7.0.5
+
+## 7.0.5
+
 🗓
@@ -122,3 +152,5 @@ 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.0.4...@spectrum-css/pagination@7.0.5)
 <a name="7.0.4"></a>
-##7.0.4
+
+## 7.0.4
+
 🗓
@@ -130,3 +162,5 @@ 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.0.3...@spectrum-css/pagination@7.0.4)
 <a name="7.0.3"></a>
-##7.0.3
+
+## 7.0.3
+
 🗓
@@ -138,3 +172,5 @@ 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.0.1...@spectrum-css/pagination@7.0.3)
 <a name="7.0.2"></a>
-##7.0.2
+
+## 7.0.2
+
 🗓
@@ -146,3 +182,5 @@ 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.0.1...@spectrum-css/pagination@7.0.2)
 <a name="7.0.1"></a>
-##7.0.1
+
+## 7.0.1
+
 🗓
@@ -154,3 +192,5 @@ 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.0.0...@spectrum-css/pagination@7.0.1)
 <a name="7.0.0"></a>
-#7.0.0
+
+## 7.0.0
+
 🗓
@@ -201,3 +241,5 @@ 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.50...@spectrum-css/pagination@7.0.0)
 <a name="6.0.50"></a>
-##6.0.50
+
+## 6.0.50
+
 🗓
@@ -209,3 +251,5 @@ 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.49...@spectrum-css/pagination@6.0.50)
 <a name="6.0.49"></a>
-##6.0.49
+
+## 6.0.49
+
 🗓
@@ -217,3 +261,5 @@ 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.48...@spectrum-css/pagination@6.0.49)
 <a name="6.0.48"></a>
-##6.0.48
+
+## 6.0.48
+
 🗓
@@ -225,3 +271,5 @@ 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.47...@spectrum-css/pagination@6.0.48)
 <a name="6.0.47"></a>
-##6.0.47
+
+## 6.0.47
+
 🗓
@@ -233,3 +281,5 @@ 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.46...@spectrum-css/pagination@6.0.47)
 <a name="6.0.46"></a>
-##6.0.46
+
+## 6.0.46
+
 🗓
@@ -241,3 +291,5 @@ 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.45...@spectrum-css/pagination@6.0.46)
 <a name="6.0.45"></a>
-##6.0.45
+
+## 6.0.45
+
 🗓
@@ -249,3 +301,5 @@ 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.44...@spectrum-css/pagination@6.0.45)
 <a name="6.0.44"></a>
-##6.0.44
+
+## 6.0.44
+
 🗓
@@ -257,3 +311,5 @@ 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.43...@spectrum-css/pagination@6.0.44)
 <a name="6.0.43"></a>
-##6.0.43
+
+## 6.0.43
+
 🗓
@@ -265,3 +321,5 @@ 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.42...@spectrum-css/pagination@6.0.43)
 <a name="6.0.42"></a>
-##6.0.42
+
+## 6.0.42
+
 🗓
@@ -273,3 +331,5 @@ 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.41...@spectrum-css/pagination@6.0.42)
 <a name="6.0.41"></a>
-##6.0.41
+
+## 6.0.41
+
 🗓
@@ -283,3 +343,5 @@ 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.40...@spectrum-css/pagination@6.0.41)
 <a name="6.0.40"></a>
-##6.0.40
+
+## 6.0.40
+
 🗓
@@ -291,3 +353,5 @@ 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.39...@spectrum-css/pagination@6.0.40)
 <a name="6.0.39"></a>
-##6.0.39
+
+## 6.0.39
+
 🗓
@@ -299,3 +363,5 @@ 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.37...@spectrum-css/pagination@6.0.39)
 <a name="6.0.38"></a>
-##6.0.38
+
+## 6.0.38
+
 🗓
@@ -307,3 +373,5 @@ 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.37...@spectrum-css/pagination@6.0.38)
 <a name="6.0.37"></a>
-##6.0.37
+
+## 6.0.37
+
 🗓
@@ -315,3 +383,5 @@ 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.36...@spectrum-css/pagination@6.0.37)
 <a name="6.0.36"></a>
-##6.0.36
+
+## 6.0.36
+
 🗓
@@ -323,3 +393,5 @@ 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.35...@spectrum-css/pagination@6.0.36)
 <a name="6.0.35"></a>
-##6.0.35
+
+## 6.0.35
+
 🗓
@@ -331,3 +403,5 @@ 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.34...@spectrum-css/pagination@6.0.35)
 <a name="6.0.34"></a>
-##6.0.34
+
+## 6.0.34
+
 🗓
@@ -339,3 +413,5 @@ 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.33...@spectrum-css/pagination@6.0.34)
 <a name="6.0.33"></a>
-##6.0.33
+
+## 6.0.33
+
 🗓
@@ -349,3 +425,5 @@ 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.32...@spectrum-css/pagination@6.0.33)
 <a name="6.0.32"></a>
-##6.0.32
+
+## 6.0.32
+
 🗓
@@ -357,3 +435,5 @@ 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.31...@spectrum-css/pagination@6.0.32)
 <a name="6.0.31"></a>
-##6.0.31
+
+## 6.0.31
+
 🗓
@@ -365,3 +445,5 @@ 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.30...@spectrum-css/pagination@6.0.31)
 <a name="6.0.30"></a>
-##6.0.30
+
+## 6.0.30
+
 🗓
@@ -373,3 +455,5 @@ 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.29...@spectrum-css/pagination@6.0.30)
 <a name="6.0.29"></a>
-##6.0.29
+
+## 6.0.29
+
 🗓
@@ -381,3 +465,5 @@ 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.28...@spectrum-css/pagination@6.0.29)
 <a name="6.0.28"></a>
-##6.0.28
+
+## 6.0.28
+
 🗓
@@ -389,3 +475,5 @@ 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.27...@spectrum-css/pagination@6.0.28)
 <a name="6.0.27"></a>
-##6.0.27
+
+## 6.0.27
+
 🗓
@@ -397,3 +485,5 @@ 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.26...@spectrum-css/pagination@6.0.27)
 <a name="6.0.26"></a>
-##6.0.26
+
+## 6.0.26
+
 🗓
@@ -407,3 +497,5 @@ 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.25...@spectrum-css/pagination@6.0.26)
 <a name="6.0.25"></a>
-##6.0.25
+
+## 6.0.25
+
 🗓
@@ -415,3 +507,5 @@ 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.24...@spectrum-css/pagination@6.0.25)
 <a name="6.0.24"></a>
-##6.0.24
+
+## 6.0.24
+
 🗓
@@ -608,3 +702,3 @@ 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@6.0.23...@spectrum-css/pagination@6.0.24)
 
-# 6.0.0
+## 6.0.0
 
@@ -855,3 +949,3 @@ 🗓 2023-04-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@5.0.29...@spectrum-css/pagination@6.0.0)
 
-# 5.0.0
+## 5.0.0
 
@@ -874,3 +968,3 @@ 🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.11...@spectrum-css/pagination@5.0.0)
 
-# 4.0.0
+## 4.0.0
 
@@ -883,3 +977,3 @@ 🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@4.0.0-beta.0...@spectrum-css/pagination@4.0.0)
 
-# 4.0.0-beta.0
+## 4.0.0-beta.0
 
@@ -1028,3 +1122,3 @@ 🗓 2021-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.11...@spectrum-css/pagination@4.0.0-beta.0)
 
-# 3.0.0
+## 3.0.0
 
@@ -1037,3 +1131,3 @@ 🗓 2021-02-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.7...@spectrum-css/pagination@3.0.0)
 
-# 3.0.0-beta.7
+## 3.0.0-beta.7
 
@@ -1055,3 +1149,3 @@ 🗓 2020-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.6...@spectrum-css/pagination@3.0.0-beta.7)
 
-# 3.0.0-beta.6
+## 3.0.0-beta.6
 
@@ -1064,3 +1158,3 @@ 🗓 2020-10-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.5...@spectrum-css/pagination@3.0.0-beta.6)
 
-# 3.0.0-beta.5
+## 3.0.0-beta.5
 
@@ -1073,3 +1167,3 @@ 🗓 2020-09-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.4...@spectrum-css/pagination@3.0.0-beta.5)
 
-# 3.0.0-beta.4
+## 3.0.0-beta.4
 
@@ -1082,3 +1176,3 @@ 🗓 2020-06-19 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.3...@spectrum-css/pagination@3.0.0-beta.4)
 
-# 3.0.0-beta.3
+## 3.0.0-beta.3
 
@@ -1093,3 +1187,3 @@ 🗓 2020-05-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.2...@spectrum-css/pagination@3.0.0-beta.3)
 
-# 3.0.0-beta.2
+## 3.0.0-beta.2
 
@@ -1102,3 +1196,3 @@ 🗓 2020-03-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.1...@spectrum-css/pagination@3.0.0-beta.2)
 
-# 3.0.0-beta.1
+## 3.0.0-beta.1
 
@@ -1111,3 +1205,3 @@ 🗓 2020-03-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@3.0.0-beta.0...@spectrum-css/pagination@3.0.0-beta.1)
 
-# 3.0.0-beta.0
+## 3.0.0-beta.0
 
@@ -1174,3 +1268,3 @@ 🗓 2020-03-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@2.0.6...@spectrum-css/pagination@3.0.0-beta.0)
 
-# 2.0.0
+## 2.0.0
 
@@ -1177,0 +1271,0 @@ 🗓 2019-10-08

package.json

 {
 	"name": "@spectrum-css/pagination",
-	"version": "8.1.1",
+	"version": "8.1.2",
 	"description": "The Spectrum CSS Pagination 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/actionbutton": ">=6",

stories/template.js

@@ -0,1 +1,5 @@
+import { Template as ActionButton } from "@spectrum-css/actionbutton/stories/template.js";
+import { Template as Button } from "@spectrum-css/button/stories/template.js";
+import { Default as SplitButton } from "@spectrum-css/preview/deprecated/splitbutton/splitbutton.stories.js";
+import { Template as Textfield } from "@spectrum-css/textfield/stories/template.js";
 import { html } from "lit";
@@ -5,7 +9,2 @@ import { classMap } from "lit/directives/class-map.js";
 
-import { Template as ActionButton } from "@spectrum-css/actionbutton/stories/template.js";
-import { Template as Button } from "@spectrum-css/button/stories/template.js";
-import { Template as SplitButton } from "@spectrum-css/splitbutton/stories/template.js";
-import { Template as Textfield } from "@spectrum-css/textfield/stories/template.js";
-
 import "../index.css";
@@ -18,52 +17,51 @@
 	variant,
-	items,
-	...globals
-}) => {
-	if (variant === "explicit") {
-		return html`
-			<nav
-				class=${classMap({
-					[rootClass]: true,
-					[`${rootClass}--explicit`]: true,
-					...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
-				})}
-			>
-				${ActionButton({
-					size,
-					isQuiet: true,
-					iconSet: "ui",
-					iconName: "ChevronLeft",
-					customClasses: [`${rootClass}-prevButton`],
-				})}
-				${Textfield({
-					size,
-					value: "1",
-					customClasses: [`${rootClass}-textfield`],
-				})}
-				<span class="${rootClass}-counter">of 89 pages</span>
-				${ActionButton({
-					size,
-					isQuiet: true,
-					iconSet: "ui",
-					iconName: "ChevronRight",
-					customClasses: [`${rootClass}-nextButton`],
-				})}
-			</nav>
-		`;
-	}
-	else if (variant == "button") {
-		return SplitButton({
-			position: "left",
-			variant: "accent",
-			label: "Next",
-			iconName: "ChevronLeft100",
-			labelIconName: "ChevronRight100",
-			customFirstButtonClasses: ["spectrum-Pagination-prevButton"],
-			customLastButtonClasses: ["spectrum-Pagination-nextButton"]
-		});
-	}
-	return html`
+	items
+} = {}, context = {}) => {
+
+	const explicitVariant = html`
 		<nav
 			class=${classMap({
 				[rootClass]: true,
+				[`${rootClass}--explicit`]: true,
+				...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
+			})}
+		>
+			${ActionButton({
+				size,
+				isQuiet: true,
+				iconSet: "ui",
+				iconName: "ChevronLeft",
+				customClasses: [`${rootClass}-prevButton`],
+			}, context)}
+			${Textfield({
+				size,
+				value: "1",
+				customClasses: [`${rootClass}-textfield`],
+			}, context)}
+			<span class="${rootClass}-counter">of 89 pages</span>
+			${ActionButton({
+				size,
+				isQuiet: true,
+				iconSet: "ui",
+				iconName: "ChevronRight",
+				customClasses: [`${rootClass}-nextButton`],
+			}, context)}
+		</nav>
+	`;
+
+	// @todo This variant should be deprecated, as it uses the deprecated SplitButton component. 
+	const buttonVariant = SplitButton({
+		position: "left",
+		variant: "accent",
+		label: "Next",
+		iconName: "ChevronLeft100",
+		labelIconName: "ChevronRight100",
+		customFirstButtonClasses: ["spectrum-Pagination-prevButton"],
+		customLastButtonClasses: ["spectrum-Pagination-nextButton"]
+	}, context);
+
+	const listingVariant = html`
+		<nav
+			class=${classMap({
+				[rootClass]: true,
 				[`${rootClass}--${variant}`]: typeof variant !== "undefined",
@@ -74,3 +72,2 @@ ...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
 			${Button({
-				...globals,
 				size,
@@ -81,3 +78,3 @@ variant: "primary",
 				customClasses: [`${rootClass}-prevButton`],
-			})}
+			}, context)}
 			${repeat(
@@ -89,13 +86,13 @@ items,
 						return ActionButton({
-							...globals,
 							...item,
 							size,
 							isQuiet: true,
-						});
+						}, context);
 					}
- else return item;
+					else {
+						return item;
+					}
 				}
 			)}
 			${Button({
-				...globals,
 				size,
@@ -106,5 +103,13 @@ variant: "primary",
 				customClasses: [`${rootClass}-nextButton`],
-			})}
+			}, context)}
 		</nav>
 	`;
+
+	if (variant === "explicit") {
+		return explicitVariant;
+	}
+	else if (variant == "button") {
+		return buttonVariant;
+	}
+	return listingVariant;
 };

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

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

Improved metrics

Total package byte prevSize

62684

increased by20.64%

Number of package files

14

increased by55.56%

Lines of code

420

increased by47.89%

No dependency changes