@aggc/ui 0.7.0 → 0.7.1

package/dist/chunks/{UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js → UiSkeleton.vue_vue_type_script_setup_true_lang-DUse1KRc.js}

@@ -1,5 +1,5 @@
 import { defineComponent as m, openBlock as l, createElementBlock as o, normalizeClass as t, unref as a, renderSlot as y, createElementVNode as d, createBlock as ee, resolveDynamicComponent as ae, toDisplayString as c, createVNode as R, withCtx as te, createTextVNode as O, Fragment as $, renderList as V, createCommentVNode as b, withKeys as U, withModifiers as K, ref as B, useId as se, computed as L, watch as N, onMounted as le, onBeforeUnmount as oe, nextTick as T, normalizeStyle as ie } from "vue";
-import { j as re, o as f, q as H, n as Y, r, g as ne, f as de, a as X, l as ce, p as ue, b as be, h as fe, i as ge, d as me } from "./pageHeader-DhPY_hNA.js";
+import { j as re, o as f, q as H, n as Y, r, g as ne, f as de, a as X, l as ce, p as ue, b as be, h as fe, i as ge, d as me } from "./pageHeader-YZ3BV9dQ.js";
 import { CheckCircle2 as pe, TriangleAlert as ve, LoaderCircle as he, Check as q, ChevronDown as ye } from "lucide-vue-next";
 const Ce = re, Oa = /* @__PURE__ */ m({
   __name: "PageSurface",

package/dist/chunks/{pageHeader-DhPY_hNA.js → pageHeader-YZ3BV9dQ.js}

@@ -377,10 +377,7 @@ const fr = c({
         bg: "text.error",
         color: "text.inverse",
         borderWidth: "1px",
-        borderColor: "transparent",
-        _dark: {
-          color: "text.inverse"
-        }
+        borderColor: "transparent"
       }
     },
     disabled: {
@@ -439,10 +436,16 @@ const fr = c({
         color: "text.error",
         borderColor: "border.danger",
         bg: "transparent",
+        _dark: {
+          color: "text.error"
+        },
         _hover: {
           bg: "badge.dangerBg",
           borderColor: "text.error",
-          color: "text.error"
+          color: "text.error",
+          _dark: {
+            color: "text.error"
+          }
         }
       }
     },

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

@@ -47,9 +47,6 @@ export declare const uiButtonClass: import("../../styled-system/types").RecipeRu
             color: "text.inverse";
             borderWidth: "1px";
             borderColor: "transparent";
-            _dark: {
-                color: "text.inverse";
-            };
         };
     };
     disabled: {

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-Dg-HzSqj.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-DUse1KRc.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-Dg-HzSqj.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-DUse1KRc.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-DhPY_hNA.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-YZ3BV9dQ.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/button.recipe.d.ts

@@ -47,9 +47,6 @@ export declare const buttonRecipe: import("../../../styled-system/types").Recipe
             color: "text.inverse";
             borderWidth: "1px";
             borderColor: "transparent";
-            _dark: {
-                color: "text.inverse";
-            };
         };
     };
     disabled: {

package/dist/styles.js

@@ -1,5 +1,5 @@
-import { r as e, o as r, q as o, i as a, h as t } from "./chunks/pageHeader-DhPY_hNA.js";
-import { b as V, c as B, d as P, e as j, a as I, m as L, p as q, f as A, g as D, j as F, k as E, s as G, l as O, n as J } from "./chunks/pageHeader-DhPY_hNA.js";
+import { r as e, o as r, q as o, i as a, h as t } from "./chunks/pageHeader-YZ3BV9dQ.js";
+import { b as V, c as B, d as P, e as j, a as I, m as L, p as q, f as A, g as D, j as F, k as E, s as G, l as O, n as J } from "./chunks/pageHeader-YZ3BV9dQ.js";
 const d = e({
   width: "100%",
   minHeight: "48px",

package/dist/ui.css

@@ -1935,6 +1935,10 @@ body {
     color: var(--colors-text-inverse);
 }
 
+  [data-theme="dark"] .dark\:c_text\.error {
+    color: var(--colors-text-error);
+}
+
   [data-theme="dark"] .dark\:bx-sh_0_4px_16px_-4px_rgba\(0\,0\,0\,0\.32\)\,_0_8px_24px_-8px_rgba\(0\,0\,0\,0\.24\)\,_0_1px_2px_0_rgba\(0\,0\,0\,0\.16\) {
     box-shadow: 0 4px 16px -4px rgba(0,0,0,0.32), 0 8px 24px -8px rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.16);
 }
@@ -2063,6 +2067,10 @@ body {
     box-shadow: 0 2px 8px -2px rgba(255, 142, 127, 0.3);
 }
 
+  [data-theme="dark"] .hover\:dark\:c_text\.error:is(:hover, [data-hover]) {
+    color: var(--colors-text-error);
+}
+
   @media screen and (min-width: 48rem) {
     .md\:p_5 {
       padding: var(--spacing-5);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aggc/ui",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Shared Vue UI primitives, patterns, and tokens for AGGC desktop and web.",
   "type": "module",
   "license": "MIT",

package/src/styles/recipes/button.recipe.ts

@@ -11,7 +11,8 @@ export const buttonRecipe = cva({
     fontSize: "sm",
     fontWeight: "600",
     letterSpacing: "0.005em",
-    transition: "background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+    transition:
+      "background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
     userSelect: "none",
     whiteSpace: "nowrap",
     _focusVisible: {
@@ -69,9 +70,6 @@ export const buttonRecipe = cva({
         color: "text.inverse",
         borderWidth: "1px",
         borderColor: "transparent",
-        _dark: {
-          color: "text.inverse",
-        },
       },
     },
     disabled: {
@@ -130,10 +128,16 @@ export const buttonRecipe = cva({
         color: "text.error",
         borderColor: "border.danger",
         bg: "transparent",
+        _dark: {
+          color: "text.error",
+        },
         _hover: {
           bg: "badge.dangerBg",
           borderColor: "text.error",
           color: "text.error",
+          _dark: {
+            color: "text.error",
+          },
         },
       },
     },