@spectrum-css/stepper - npm Package Compare versions

Comparing version 7.0.0-s2-foundations.0 to 7.0.0-s2-foundations.1

CHANGELOG.md

 # Change Log
 
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+  - @spectrum-css/infieldbutton@6.0.0-s2-foundations.1
+  - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+  - @spectrum-css/textfield@8.0.0-s2-foundations.1
+  - @spectrum-css/icon@8.0.0-s2-foundations.1
+  - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
 ## 7.0.0-s2-foundations.0
@@ -4,0 +19,0 @@

package.json

 {
 	"name": "@spectrum-css/stepper",
-	"version": "7.0.0-s2-foundations.0",
+	"version": "7.0.0-s2-foundations.1",
 	"description": "The Spectrum CSS stepper component",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

stories/template.js

@@ -0,1 +1,3 @@
+import { Template as InfieldButton } from "@spectrum-css/infieldbutton/stories/template.js";
+import { Template as Textfield } from "@spectrum-css/textfield/stories/template.js";
 import { html } from "lit";
@@ -5,6 +7,4 @@ import { classMap } from "lit/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
+import { when } from "lit/directives/when.js";
 
-import { Template as InfieldButton } from "@spectrum-css/infieldbutton/stories/template.js";
-import { Template as Textfield } from "@spectrum-css/textfield/stories/template.js";
-
 import "../index.css";
@@ -27,4 +27,3 @@
 	...globals
-}) => {
-
+}, context) => {
 	let iconSize = "75";
@@ -74,29 +73,29 @@ switch (size) {
 				customInputClasses: [`${rootClass}-input`],
-			})}
-			${hideStepper
-				? ""
-				: html`<span class="${rootClass}-buttons">
-						${InfieldButton({
-							...globals,
-							size,
-							customClasses: [`${rootClass}-button`],
-							iconName: `ChevronUp${iconSize}`,
-							isDisabled,
-							isQuiet,
-							position: "top",
-							tabIndex: "-1"
-						})}
-						${InfieldButton({
-							...globals,
-							size,
-							customClasses: [`${rootClass}-button`],
-							iconName: `ChevronDown${iconSize}`,
-							isDisabled,
-							isQuiet,
-							position: "bottom",
-							tabIndex: "-1"
-						})}
-				  </span>`}
+			}, context)}
+			${when(!hideStepper, () => html`
+				<span class="${rootClass}-buttons">
+					${InfieldButton({
+						...globals,
+						size,
+						customClasses: [`${rootClass}-button`],
+						iconName: `ChevronUp${iconSize}`,
+						isDisabled,
+						isQuiet,
+						position: "top",
+						tabIndex: "-1"
+					}, context)}
+					${InfieldButton({
+						...globals,
+						size,
+						customClasses: [`${rootClass}-button`],
+						iconName: `ChevronDown${iconSize}`,
+						isDisabled,
+						isQuiet,
+						position: "bottom",
+						tabIndex: "-1"
+					}, context)}
+				</span>
+			`)}
 		</div>
 	`;
 };

No alert changes

Improved metrics

Total package byte prevSize

93247

increased by1.17%

Lines of code

812

increased by1.5%

No dependency changes