@aggc/ui 0.6.0 → 0.7.0

package/dist/components/UiSkeleton.styles.d.ts

@@ -3,65 +3,33 @@ export declare const skeletonClass: import("../../styled-system/types").RecipeRu
         text: {
             width: "100%";
             height: "0.875rem";
-            borderRadius: "md";
-            bg: "rgba(127, 146, 184, 0.14)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.09)";
-            };
         };
         title: {
             width: "100%";
             height: "1.75rem";
-            borderRadius: "xl";
-            bg: "rgba(127, 146, 184, 0.14)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.09)";
-            };
+            borderRadius: "md";
         };
         rect: {
             width: "100%";
             height: "5rem";
-            borderRadius: "xl";
-            bg: "rgba(127, 146, 184, 0.14)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.09)";
-            };
         };
         pill: {
             width: "5rem";
             height: "1.75rem";
             borderRadius: "999px";
-            bg: "rgba(127, 146, 184, 0.14)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.09)";
-            };
         };
         circle: {
             width: "2.75rem";
             height: "2.75rem";
             borderRadius: "999px";
-            bg: "rgba(127, 146, 184, 0.14)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.09)";
-            };
         };
         stat: {
             width: "100%";
             height: "4.75rem";
-            borderRadius: "xl";
-            bg: "rgba(117, 138, 178, 0.16)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.11)";
-            };
         };
         action: {
             width: "100%";
             height: "2.75rem";
-            borderRadius: "xl";
-            bg: "rgba(127, 146, 184, 0.14)";
-            _dark: {
-                bg: "rgba(210, 220, 240, 0.09)";
-            };
         };
     };
 }>;

package/dist/components.js

@@ -1,4 +1,4 @@
-import { _ as s, a as t, b as i, c as o, d as n, e as S, f as U, g as d, h as l, i as c, j as g } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-B61z8swg.js";
+import { _ as s, a as t, b as i, c as o, d as n, e as S, f as U, g as d, h as l, i as c, j as g } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js";
 export {
   s as PageSurface,
   t as ResultPanel,

package/dist/index.js

@@ -1,6 +1,6 @@
-import { _ as a, a as l, b as o, c as t, d as i, e as n, f as r, g as C, h as c, i as p, j as d } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-B61z8swg.js";
+import { _ as a, a as l, b as o, c as t, d as i, e as n, f as r, g as C, h as c, i as p, j as d } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js";
 import { actionToolbarClass as u, badgeRecipe as f, cardRecipe as m, centeredEmptyStatePanelClass as k, clusterLayout as R, emptyStatePanelClass as T, errorTextClass as S, fieldControlClass as x, fieldControlSmClass as b, fieldTextareaClass as P, focusRingClass as y, infoPanelClass as U, inputRecipe as L, loadingRegionClass as h, metricGridPattern as B, mutedTextClass as D, resultRegionClass as H, resultSkeletonPanelClass as j, selectableDetailClass as w, selectableListClass as v, selectableListDetailRootClass as A, splitLayout as E, stackLayout as F } from "./styles.js";
-import { b as V, c as _, d as q, e as z, a as I, h as J, i as K, m as M, p as N, f as O, g as Q, j as W, k as X, s as Y, l as Z, n as $ } from "./chunks/pageHeader-D9KF7WOO.js";
+import { b as V, c as _, d as q, e as z, a as I, h as J, i as K, m as M, p as N, f as O, g as Q, j as W, k as X, s as Y, l as Z, n as $ } from "./chunks/pageHeader-DhPY_hNA.js";
 import { colorTokens as es } from "./tokens.js";
 import { coreColorTokens as ls, motionTokens as os, radiusTokens as ts, spacingTokens as is, typographyTokens as ns } from "./tokens-core.js";
 import { desktopColorTokens as Cs } from "./tokens-desktop.js";

package/dist/styles/recipes/badge.recipe.d.ts

@@ -20,6 +20,11 @@ export declare const badgeRecipe: import("../../../styled-system/types").RecipeR
             bg: "badge.warningBg";
             color: "badge.warningText";
         };
+        danger: {
+            borderColor: "badge.dangerBorder";
+            bg: "badge.dangerBg";
+            color: "badge.dangerText";
+        };
     };
     size: {
         sm: {

package/dist/styles/recipes/button.recipe.d.ts

@@ -6,7 +6,7 @@ export declare const buttonRecipe: import("../../../styled-system/types").Recipe
             borderWidth: "1px";
             borderColor: "transparent";
             _dark: {
-                color: "#f7f9fd";
+                color: "text.inverse";
             };
         };
         outline: {
@@ -22,6 +22,36 @@ export declare const buttonRecipe: import("../../../styled-system/types").Recipe
             borderColor: "badge.infoBorder";
         };
     };
+    size: {
+        sm: {
+            px: "3";
+            py: "1.5";
+            fontSize: "xs";
+            borderRadius: "md";
+        };
+        md: {
+            px: "4";
+            py: "2.5";
+        };
+        lg: {
+            px: "5";
+            py: "3";
+            fontSize: "md";
+            borderRadius: "xl";
+        };
+    };
+    tone: {
+        default: {};
+        danger: {
+            bg: "text.error";
+            color: "text.inverse";
+            borderWidth: "1px";
+            borderColor: "transparent";
+            _dark: {
+                color: "text.inverse";
+            };
+        };
+    };
     disabled: {
         true: {
             cursor: "not-allowed";

package/dist/styles/recipes/card.recipe.d.ts

@@ -2,36 +2,47 @@ export declare const cardRecipe: import("../../../styled-system/types").RecipeRu
     variant: {
         surface: {
             position: "relative";
-            overflow: "hidden";
-            borderRadius: "3xl";
+            borderRadius: "xl";
             borderColor: "border.subtle";
             bg: "bg.card";
-            backdropFilter: "blur(28px) saturate(155%)";
-            boxShadow: "0 25px 30px -35px rgba(15,23,42,0.42)";
+            boxShadow: "0 1px 2px 0 rgba(15,23,42,0.04), 0 1px 3px 0 rgba(15,23,42,0.06)";
+            _dark: {
+                borderColor: "border.default";
+                boxShadow: "0 1px 2px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.24)";
+            };
         };
         inset: {
-            borderRadius: "2xl";
+            borderRadius: "lg";
             borderColor: "border.soft";
             bg: "bg.cardAlt";
-            backdropFilter: "blur(24px) saturate(145%)";
-            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)";
+            _dark: {
+                borderColor: "border.subtle";
+            };
         };
         elevated: {
-            borderRadius: "2xl";
+            borderRadius: "lg";
             borderColor: "border.default";
             bg: "bg.cardStrong";
-            backdropFilter: "blur(24px) saturate(145%)";
-            boxShadow: "0 16px 32px -28px rgba(15,23,42,0.42)";
+            boxShadow: "0 1px 2px 0 rgba(15,23,42,0.04), 0 4px 12px -4px rgba(15,23,42,0.1)";
+            _dark: {
+                borderColor: "border.strong";
+                boxShadow: "0 1px 2px 0 rgba(0,0,0,0.24), 0 4px 12px -4px rgba(0,0,0,0.4)";
+            };
         };
         selectable: {
-            borderRadius: "2xl";
+            borderRadius: "lg";
             borderColor: "border.default";
             bg: "bg.cardAlt";
             cursor: "pointer";
             _hover: {
                 borderColor: "border.strong";
                 bg: "bg.card";
-                transform: "translateY(-1px)";
+            };
+            _dark: {
+                borderColor: "border.strong";
+                _hover: {
+                    borderColor: "border.accent";
+                };
             };
         };
     };

package/dist/styles/recipes/dropdown.recipe.d.ts

@@ -2,7 +2,7 @@ export declare const dropdownRecipe: import("../../../styled-system/types").Reci
     placement: {
         anchored: {
             position: "absolute";
-            top: "calc(100% + 10px)";
+            top: "calc(100% + 6px)";
             left: "0";
             right: "0";
         };
@@ -12,14 +12,14 @@ export declare const dropdownRecipe: import("../../../styled-system/types").Reci
     };
     density: {
         cozy: {
-            borderRadius: "2xl";
-            p: "2";
-            gap: "1";
-        };
-        compact: {
             borderRadius: "xl";
             p: "1.5";
             gap: "0.5";
         };
+        compact: {
+            borderRadius: "lg";
+            p: "1";
+            gap: "0.5";
+        };
     };
 }>;

package/dist/styles/recipes/input.recipe.d.ts

@@ -6,7 +6,6 @@ export declare const inputRecipe: import("../../../styled-system/types").RecipeR
             px: "3";
             py: "2.5";
             lineHeight: "1.45";
-            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.2)";
         };
         md: {
             minHeight: "48px";
@@ -14,7 +13,6 @@ export declare const inputRecipe: import("../../../styled-system/types").RecipeR
             px: "4";
             py: "3";
             lineHeight: "1.5";
-            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 14px 28px -28px rgba(15,23,42,0.42)";
         };
     };
     kind: {
@@ -26,7 +24,6 @@ export declare const inputRecipe: import("../../../styled-system/types").RecipeR
             py: "4";
             lineHeight: "1.6";
             fontFamily: "mono";
-            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 18px 36px -32px rgba(15,23,42,0.42)";
         };
     };
 }>;