@spectrum-css/alertdialog - npm Package Compare versions

Comparing version 3.0.0-s2-foundations.1 to 3.0.0-s2-foundations.2

CHANGELOG.md

 # Change Log
 
+## 3.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+  - @spectrum-css/buttongroup@8.0.0-s2-foundations.2
+  - @spectrum-css/underlay@5.0.0-s2-foundations.2
+  - @spectrum-css/divider@4.0.0-s2-foundations.2
+  - @spectrum-css/modal@6.0.0-s2-foundations.2
+  - @spectrum-css/icon@8.0.0-s2-foundations.2
+  - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
 ## 3.0.0-s2-foundations.1
@@ -4,0 +20,0 @@

package.json

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

stories/template.js

@@ -27,6 +27,13 @@ import { Template as Button } from "@spectrum-css/button/stories/template.js";
 	customStyles = {},
-	...globals
-}) => {
+} = {}, context) => {
 	const [, updateArgs] = useArgs();
+	const { globals = {} } = context;
 
+	if (globals.context === "express") {
+		import("../themes/express.css");
+	}
+	else if (globals.context === "legacy") {
+		import("../themes/legacy.css");
+	}
+
 	const Dialog = html`
@@ -53,10 +60,8 @@ <div
           customClasses: [`${rootClass}-icon`],
-          ...globals,
-        })) }
+        }, context))}
       </div>
       ${Divider({
-            horizontal: true,
-            customClasses: [`${rootClass}-divider`],
-            ...globals,
-          })}
+          horizontal: true,
+          customClasses: [`${rootClass}-divider`],
+        }, context)}
       <section class="${rootClass}-content">${content}</section>
@@ -68,3 +73,3 @@ ${ButtonGroup({
           },
-        })
+        }, context)
       }
@@ -76,8 +81,4 @@ </div>
 	return  html`
-    ${Underlay({
-      ...globals,
-      isOpen,
-    })}
+    ${Underlay({ isOpen }, context)}
     ${Button({
-      ...globals,
       size: "m",
@@ -97,9 +98,5 @@ variant: "secondary",
       },
-    })}
-    ${Modal({
-      ...globals,
-      isOpen,
-      content: Dialog,
-    })}
-      `;
+    }, context)}
+    ${Modal({ isOpen, content: Dialog }, context)}
+  `;
 };

No alert changes

Improved metrics

Total package byte prevSize

35863

increased by21.47%

Number of package files

12

increased by33.33%

Lines of code

439

increased by19.29%

No dependency changes