@polastack/design-system 0.1.25 → 0.1.27

package/README.md

@@ -134,11 +134,11 @@ pnpm size
 
 ## ブランドカラー
 
-メインカラー: **#1BA491**（ティール）
+メインカラー: **#13C3A0**（ティール）
 
 | カテゴリ | カラー |
 |---------|--------|
-| Primary | Teal (#1BA491) |
+| Primary | Teal (#13C3A0) |
 | Success | Green |
 | Warning | Amber |
 | Error | Red |

package/dist/index.d.ts

@@ -819,14 +819,14 @@ declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProp
  */
 declare const chartColors: {
     /** Solid colors for bars, lines, dots, and legends */
-    readonly categorical: readonly ["#1BA491", "#4E79A7", "#E8A838", "#D4687A", "#7C6BB1", "#6BA368", "#5BA4CF", "#B07A53"];
+    readonly categorical: readonly ["#13C3A0", "#4E79A7", "#E8A838", "#D4687A", "#7C6BB1", "#6BA368", "#5BA4CF", "#B07A53"];
     /** Subtle tints — 1:1 paired with categorical for area fills and backgrounds */
-    readonly subtle: readonly ["#E6F7F4", "#E8EEF4", "#FDF3E0", "#FCEAED", "#EEEBF5", "#EAF3EA", "#E6F1F8", "#F4EDE6"];
+    readonly subtle: readonly ["#E8FAF6", "#E8EEF4", "#FDF3E0", "#FCEAED", "#EEEBF5", "#EAF3EA", "#E6F1F8", "#F4EDE6"];
     /** Dark-mode subtle tints — 1:1 paired with categorical */
     readonly subtleDark: readonly ["#0C2B26", "#1A2535", "#2C2312", "#2C1A1E", "#1E1A2C", "#1A2C1A", "#1A2535", "#2C2418"];
     /** Semantic colors for status-meaning charts (P&L, health scores, etc.) */
     readonly semantic: {
-        readonly positive: "#1BA491";
+        readonly positive: "#13C3A0";
         readonly negative: "#D4687A";
         readonly neutral: "#94939B";
         readonly warning: "#E8A838";

package/dist/index.js

@@ -875,16 +875,27 @@ function useToast() {
 // src/components/toast/toaster.tsx
 import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 function Toaster() {
-  const { toasts } = useToast();
+  const { toasts, dismiss } = useToast();
   return /* @__PURE__ */ jsxs3(ToastProvider, { children: [
-    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs3(Toast, { ...props, children: [
-      /* @__PURE__ */ jsxs3("div", { className: "grid gap-1", children: [
-        title && /* @__PURE__ */ jsx12(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx12(ToastDescription, { children: description })
-      ] }),
-      action,
-      /* @__PURE__ */ jsx12(ToastClose, {})
-    ] }, id)),
+    toasts.map(({ id, title, description, action, open, ...props }) => /* @__PURE__ */ jsxs3(
+      Toast,
+      {
+        open,
+        onOpenChange: (isOpen) => {
+          if (!isOpen) dismiss(id);
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs3("div", { className: "grid gap-1", children: [
+            title && /* @__PURE__ */ jsx12(ToastTitle, { children: title }),
+            description && /* @__PURE__ */ jsx12(ToastDescription, { children: description })
+          ] }),
+          action,
+          /* @__PURE__ */ jsx12(ToastClose, {})
+        ]
+      },
+      id
+    )),
     /* @__PURE__ */ jsx12(ToastViewport, {})
   ] });
 }
@@ -4175,7 +4186,7 @@ ChartContainer.displayName = "ChartContainer";
 var chartColors = {
   /** Solid colors for bars, lines, dots, and legends */
   categorical: [
-    "#1BA491",
+    "#13C3A0",
     // teal    — brand anchor
     "#4E79A7",
     // slate   — classic dataviz blue
@@ -4194,7 +4205,7 @@ var chartColors = {
   ],
   /** Subtle tints — 1:1 paired with categorical for area fills and backgrounds */
   subtle: [
-    "#E6F7F4",
+    "#E8FAF6",
     // teal
     "#E8EEF4",
     // slate
@@ -4232,7 +4243,7 @@ var chartColors = {
   ],
   /** Semantic colors for status-meaning charts (P&L, health scores, etc.) */
   semantic: {
-    positive: "#1BA491",
+    positive: "#13C3A0",
     negative: "#D4687A",
     neutral: "#94939B",
     warning: "#E8A838"