@pichetch08/trip-ui 0.2.6 → 0.2.8

package/dist/components/shared/button.js

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Spinner } from "./spinner";
 const VARIANT = {
-  primary: "bg-primary text-on-primary hover:[filter:brightness(0.88)] shadow-sm hover:shadow-md active:scale-[0.98]",
+  primary: "bg-primary text-(--on-primary) hover:[filter:brightness(0.88)] shadow-sm hover:shadow-md active:scale-[0.98]",
   secondary: "bg-surface-container text-on-surface hover:bg-surface-container-high active:scale-[0.98]",
   outline: "bg-transparent border border-outline-variant text-on-surface hover:bg-surface-container-low hover:border-outline active:scale-[0.98]",
   ghost: "bg-transparent text-on-surface-variant hover:bg-surface-container hover:text-on-surface active:scale-[0.98]",

package/dist/components/shared/date-range-picker.js

@@ -300,7 +300,7 @@ function DateRangePicker({
     setLeftMonth({ year: d.getFullYear(), month: d.getMonth() });
   }
   const triggerId = label ? `daterange-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", ref: containerRef, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-2 ${size === "sm" ? "min-w-[200px]" : ""}`, ref: containerRef, children: [
     nameStart && /* @__PURE__ */ jsx("input", { type: "hidden", name: nameStart, value: startDate }),
     nameEnd && /* @__PURE__ */ jsx("input", { type: "hidden", name: nameEnd, value: endDate }),
     label && /* @__PURE__ */ jsxs("label", { htmlFor: triggerId, className: "text-xs font-bold text-on-surface-variant uppercase tracking-widest px-1", children: [
@@ -317,10 +317,10 @@ function DateRangePicker({
         "aria-haspopup": "dialog",
         "aria-required": required,
         onClick: handleOpen,
-        className: `relative w-full bg-surface-container-low border rounded-xl text-left transition-all font-medium outline-none active:scale-[0.99] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 ${size === "sm" ? "h-10 pl-8 pr-8 text-sm" : "py-4 pl-12 pr-10"} ${open ? "bg-surface ring-2 ring-primary/20 border-primary" : error ? "border-red-400 bg-red-50/30" : "border-transparent hover:border-outline-variant"}`,
+        className: `relative w-full bg-surface-container-low border rounded-xl text-left transition-all font-medium outline-none active:scale-[0.99] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 overflow-hidden ${size === "sm" ? "h-10 pl-8 pr-9 text-sm" : "py-4 pl-12 pr-10"} ${open ? "bg-surface ring-2 ring-primary/20 border-primary" : error ? "border-red-400 bg-red-50/30" : "border-transparent hover:border-outline-variant"}`,
         children: [
           /* @__PURE__ */ jsx("span", { className: `material-symbols-outlined absolute top-1/2 -translate-y-1/2 text-on-surface-variant ${size === "sm" ? "left-2.5 text-base" : "left-4"}`, children: icon }),
-          displayText ? /* @__PURE__ */ jsx("span", { className: "text-on-surface text-sm", children: displayText }) : /* @__PURE__ */ jsxs("span", { className: "text-outline/40 text-sm", children: [
+          displayText ? /* @__PURE__ */ jsx("span", { className: "text-on-surface text-sm truncate block", children: displayText }) : /* @__PURE__ */ jsxs("span", { className: "text-outline/40 text-sm truncate block", children: [
             placeholder.start,
             " \u2192 ",
             placeholder.end

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pichetch08/trip-ui",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Trip UI — shared React component library built with Tailwind v4 and Material Design 3 tokens",
   "author": "pichetch08",
   "license": "MIT",