@spectrum-css/inlinealert - npm Package Compare versions

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

CHANGELOG.md

 # Change Log
 
+## 9.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/button@14.0.0-s2-foundations.1
+  - @spectrum-css/icon@8.0.0-s2-foundations.1
+  - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
 ## 9.0.0-s2-foundations.0
@@ -4,0 +17,0 @@

package.json

 {
 	"name": "@spectrum-css/inlinealert",
-	"version": "9.0.0-s2-foundations.0",
+	"version": "9.0.0-s2-foundations.1",
 	"description": "The Spectrum CSS in-line alert component",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

stories/template.js

@@ -1,2 +0,4 @@
-import { html } from "lit";
+import { Template as Button } from "@spectrum-css/button/stories/template.js";
+import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
+import { html, nothing } from "lit";
 import { classMap } from "lit/directives/class-map.js";
@@ -6,5 +8,2 @@ import { ifDefined } from "lit/directives/if-defined.js";
 
-import { Template as Button } from "@spectrum-css/button/stories/template.js";
-import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
-
 import "../index.css";
@@ -21,3 +20,3 @@
 	...globals
-}) => {
+}, context) => {
 	let iconName;
@@ -42,25 +41,20 @@ switch (variant) {
 		typeof iconName !== "undefined"
-			? html`
-					${Icon({
-						...globals,
-						iconName,
-						customClasses: [`${rootClass}-icon`],
-					})}
-			  `
-			: "";
+			? Icon({
+				...globals,
+				iconName,
+				customClasses: [`${rootClass}-icon`],
+			}, context) : nothing;
 
-	const closableMarkup = isClosable
-		? html`
-				<div class="spectrum-InLineAlert-footer">
-					${Button({
-						...globals,
-						treatment: "outline",
-						variant: "primary",
-						iconName: false,
-						hideLabel: false,
-						label: "Ok",
-					})}
-				</div>
-		  `
-		: "";
+	const closableMarkup = isClosable ? html`
+		<div class="spectrum-InLineAlert-footer">
+			${Button({
+				...globals,
+				treatment: "outline",
+				variant: "primary",
+				iconName: false,
+				hideLabel: false,
+				label: "Ok",
+			})}
+		</div>
+	` : nothing;
 
@@ -67,0 +61,0 @@ return html`

No alert changes

Improved metrics

Total package byte prevSize

65797

0.96%

Worsened metrics

Lines of code

437

-0.68%

No dependency changes