@qijenchen/design-system 0.1.0-beta.38 → 0.1.0-beta.42

package/dist/components/Coachmark/coachmark-story-helpers.d.ts

@@ -0,0 +1,22 @@
+import type { LucideIcon } from 'lucide-react';
+/**
+ * Shared media-illustration helper for all Coachmark story files
+ * (`*.stories.tsx` / `*.anatomy.stories.tsx` / `*.principles.stories.tsx`).
+ *
+ * SSOT — 三檔共用單一定義,避免 placeholder gradient 在各檔重複 + drift。
+ *
+ * 設計約束(對齊 DS token 原則 + WCAG AA):
+ * - `from` / `to` 必傳 DS color token(`var(--color-{hue}-N)` 如 indigo-6)— 禁硬寫 hex
+ * - `bg-black/30` overlay 均勻壓暗:某些 DS primitive 色 lightness 較高
+ *   (如 `--color-yellow-6` OKLCH L=0.87),白字直接疊上去會失去 AA 對比。
+ *   壓暗 overlay 保證 icon+label 在任何 gradient 色上都 ≥ 4.5:1。
+ * - 文字走 `text-on-emphasis`(DS emphasis-surface token)而非半透明 `text-white/90`,
+ *   對齊 DS typography tier + 確保對比。
+ */
+export declare const MediaGradient: ({ from, to, icon: Icon, label, }: {
+    from: string;
+    to: string;
+    icon: LucideIcon;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=coachmark-story-helpers.d.ts.map

package/dist/components/Coachmark/coachmark-story-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-story-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Coachmark/coachmark-story-helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,GAAI,kCAK3B;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,4CAYA,CAAA"}

package/dist/components/DataTable/data-table.js

@@ -900,7 +900,7 @@ function DataTableInner({
                     type: "button",
                     "aria-label": isExpanded ? "收合" : "展開",
                     "aria-expanded": isExpanded,
-                    className: "inline-flex items-center justify-center shrink-0 w-4 h-4 mr-2 text-fg-muted hover:text-foreground rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-transform",
+                    className: "inline-flex items-center justify-center shrink-0 w-4 h-4 mr-2 text-fg-muted hover:text-foreground rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-transform",
                     style: { transform: isExpanded ? "rotate(90deg)" : void 0 },
                     onClick: (e) => {
                       e.stopPropagation();
@@ -933,7 +933,7 @@ function DataTableInner({
                   type: "button",
                   "aria-label": isExpanded ? "收合" : "展開",
                   "aria-expanded": isExpanded,
-                  className: "inline-flex items-center justify-center shrink-0 w-4 h-4 mr-2 text-fg-muted hover:text-foreground rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-transform",
+                  className: "inline-flex items-center justify-center shrink-0 w-4 h-4 mr-2 text-fg-muted hover:text-foreground rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-transform",
                   style: { transform: isExpanded ? "rotate(90deg)" : void 0 },
                   onClick: (e) => {
                     e.stopPropagation();