@swiftwc/ui 0.0.0-dev.69 → 0.0.0-dev.70

package/generated/client/index.js

@@ -194,7 +194,7 @@ export const alert = (title, message, actions, options) => {
     const dismiss = (reason) => {
         off?.();
         dialog?.close();
-        dialog?.remove();
+        // dialog?.remove()
         reason === undefined ? resolve(undefined) : reject(reason instanceof Error ? reason : new DOMException('Alert dismissed', 'AbortError'));
     };
     if (options?.signal)

package/generated/components/h-stack.d.ts

@@ -2,6 +2,8 @@
  *
  * @attr {@spacingSet} spacing - The gap between the primary axis
  *
+ * @attr {leading|center|trailing} frame:alignment - The alignment of the stack on the cross-axis
+ *
  * @attr {@alignmentSet} alignment - The cross-axis alignment
  * @attr {@distributionSet} distribution - The main-axis alignment
  * @attr {@placementSet} placement - The main-axis alignment

package/generated/components/h-stack.js

@@ -3,6 +3,8 @@ import { devFlags } from '../internal/utils';
  *
  * @attr {@spacingSet} spacing - The gap between the primary axis
  *
+ * @attr {leading|center|trailing} frame:alignment - The alignment of the stack on the cross-axis
+ *
  * @attr {@alignmentSet} alignment - The cross-axis alignment
  * @attr {@distributionSet} distribution - The main-axis alignment
  * @attr {@placementSet} placement - The main-axis alignment

package/generated/components/v-stack.d.ts

@@ -3,6 +3,8 @@
  *
  * @attr {"auto spacer"|"auto auto spacer"|"auto auto auto spacer"} template
  *
+ * @attr {leading|center|trailing} frame:alignment - The alignment of the stack on the cross-axis
+ *
  * @attr {@spacingSet} spacing - The gap between the primary axis
  *
  * @attr {@alignmentSet} alignment - The cross-axis alignment

package/generated/components/v-stack.js

@@ -4,6 +4,8 @@ import { devFlags } from '../internal/utils';
  *
  * @attr {"auto spacer"|"auto auto spacer"|"auto auto auto spacer"} template
  *
+ * @attr {leading|center|trailing} frame:alignment - The alignment of the stack on the cross-axis
+ *
  * @attr {@spacingSet} spacing - The gap between the primary axis
  *
  * @attr {@alignmentSet} alignment - The cross-axis alignment

package/generated/css/index.css

@@ -6749,6 +6749,10 @@
   h-stack[spacing="50"]) {
     gap: 5rem;
   }
+  :where(v-stack[frame\:alignment=leading],
+  h-stack[frame\:alignment=leading]) {
+    justify-self: start;
+  }
   :where(v-stack[frame\:alignment=center],
   h-stack[frame\:alignment=center]) {
     justify-self: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.69",
+  "version": "0.0.0-dev.70",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"

package/scss/utils/_stacks.scss

@@ -192,6 +192,9 @@ $v-placement-map: (
       }
     }
 
+    :where(&[frame\:alignment='leading']) {
+      justify-self: start;
+    }
     :where(&[frame\:alignment='center']) {
       justify-self: center;
     }

package/web-components.html-data/en.json

@@ -183,6 +183,21 @@
           "description": "\nDescription: The gap between the primary axis",
           "valueSet": "spacingSet"
         },
+        {
+          "name": "frame:alignment - The alignment of the stack on the cross",
+          "description": "Value Type: “leading” | “center” | “trailing”\n\nDescription: axis",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "trailing"
+            }
+          ]
+        },
         {
           "name": "alignment - The cross",
           "description": "\nDescription: axis alignment",
@@ -620,6 +635,21 @@
             }
           ]
         },
+        {
+          "name": "frame:alignment - The alignment of the stack on the cross",
+          "description": "Value Type: “leading” | “center” | “trailing”\n\nDescription: axis",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "trailing"
+            }
+          ]
+        },
         {
           "name": "spacing",
           "description": "\nDescription: The gap between the primary axis",