@trading-game/design-intelligence-layer 0.9.9 → 0.10.1

package/README.md

@@ -548,7 +548,7 @@ Design tokens are managed in Figma and exported as CSS variables. To update:
 
 ## Changelog
 
-### v0.9.9
+### v0.10.0
 - **Demo app — responsive mobile layout:** The component playground is now fully mobile-friendly. Foundations / Components / Blocks navigation moves to a fixed bottom tab bar on mobile. A hamburger menu opens a slide-in Sheet to pick any component within the active tab. The desktop sidebar and inline tab switcher are unchanged.
 - **Sonner toast — mobile-aware behaviour:** Toasts now appear at `top-center` on mobile (single visible toast) and `bottom-right` on desktop (up to 3). Added custom token-based styling (`--on-prominent` background, inverse text, `font-display` title).
 - **Toaster registered in root layout:** `<Toaster />` is now mounted in `app/layout.tsx` so toast notifications work globally.

package/dist/index.cjs

@@ -5024,7 +5024,7 @@ function SelectValue(_a) {
 function SelectTrigger(_a) {
   var _b = _a, {
     className,
-    size = "default",
+    size = "md",
     readOnly = false,
     children
   } = _b, props = __objRest(_b, [
@@ -5041,7 +5041,7 @@ function SelectTrigger(_a) {
       "data-readonly": readOnly ? "" : void 0,
       disabled: readOnly || props.disabled,
       className: cn(
-        "flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-prominent appearance-none px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-on-subtle data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[readonly]:cursor-default data-[readonly]:opacity-100",
+        "flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-prominent appearance-none whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-on-subtle data-[size=sm]:h-8 data-[size=sm]:px-3 data-[size=sm]:py-1 data-[size=sm]:text-xs data-[size=md]:h-10 data-[size=md]:px-3 data-[size=md]:py-1 data-[size=md]:text-sm data-[size=lg]:h-12 data-[size=lg]:px-4 data-[size=lg]:py-2 data-[size=lg]:text-base *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[readonly]:cursor-default data-[readonly]:opacity-100",
         className
       )
     }, props), {
@@ -6581,7 +6581,7 @@ function TicketCard({
         /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative flex min-w-0 flex-1 items-center gap-3 px-4 py-4 sm:gap-4 sm:px-5", children: [
           icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex shrink-0 size-11 rounded-full border-2 border-primary items-center justify-center text-primary sm:size-12", children: icon }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden", children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-on-subtle uppercase tracking-widest text-xs font-semibold", children: label }),
+            label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-on-subtle text-xs font-semibold", children: label }),
             value && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate text-lg font-bold text-on-prominent sm:text-xl", children: value })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
@@ -6635,7 +6635,7 @@ function TicketCard({
                     }
                   ),
                   stubIcon != null ? stubIcon : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react23.ArrowRight, { className: "relative size-5 shrink-0 text-on-prominent-static-inverse" }),
-                  stubLabel && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "max-w-full text-balance text-center text-xs font-bold uppercase leading-tight tracking-wide text-on-prominent-static-inverse sm:tracking-widest", children: stubLabel })
+                  stubLabel && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "max-w-full text-balance text-center text-xs font-bold leading-tight tracking-wide text-on-prominent-static-inverse sm:tracking-widest", children: stubLabel })
                 ]
               }
             )