@dmsi/wedgekit-react 0.0.31 → 0.0.33

package/dist/{chunk-HXEPUO5W.js → chunk-3O7TTJL6.js}

@@ -208,7 +208,7 @@ function DataCellHeader(_a) {
     position: "relative",
     whiteSpace: "nowrap",
     width: header.column.getSize(),
-    "--color-text-primary-normal": "var(--color-neutral-000)"
+    "--color-text-primary-normal": "var(--color-text-brand-primary-normal)"
   }, props.style);
   return /* @__PURE__ */ jsxs(
     DataGridCell,

package/dist/{chunk-3WTXVSHO.js → chunk-AOELEEUS.js}

@@ -47,7 +47,7 @@ var Link = (_a) => {
   const criticalStateDisabledStyles = disabled && variant === "critical" && clsx("text-text-action-critical-disabled");
   const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && clsx("text-text-link-disabled");
   const disabledStyles = disabled && clsx("pointer-events-none cursor-default");
-  const underlineStyles = underline ? "decoration-current" : "decoration-transparent";
+  const underlineStyles = underline ? "decoration-current" : "decoration-decoration-underline";
   const paddingY = paddedY && componentPaddingY;
   return /* @__PURE__ */ jsx(
     Component,
@@ -57,7 +57,7 @@ var Link = (_a) => {
         disabled ? "cursor-default" : "cursor-pointer",
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-transparent",
+        !disabled && "active:decoration-decoration-underline",
         "flex flex-col items-center justify-center",
         baseTransition,
         primaryStateStyles,

package/dist/components/Breadcrumbs.cjs

@@ -233,7 +233,7 @@ var Link = (_a) => {
   const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx2.default)("text-text-action-critical-disabled");
   const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx2.default)("text-text-link-disabled");
   const disabledStyles = disabled && (0, import_clsx2.default)("pointer-events-none cursor-default");
-  const underlineStyles = underline ? "decoration-current" : "decoration-transparent";
+  const underlineStyles = underline ? "decoration-current" : "decoration-decoration-underline";
   const paddingY = paddedY && componentPaddingY;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
@@ -243,7 +243,7 @@ var Link = (_a) => {
         disabled ? "cursor-default" : "cursor-pointer",
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-transparent",
+        !disabled && "active:decoration-decoration-underline",
         "flex flex-col items-center justify-center",
         baseTransition,
         primaryStateStyles,

package/dist/components/Breadcrumbs.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Link
-} from "../chunk-3WTXVSHO.js";
+} from "../chunk-AOELEEUS.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/DataGrid.cjs

@@ -2085,7 +2085,7 @@ function DataCellHeader(_a) {
     position: "relative",
     whiteSpace: "nowrap",
     width: header.column.getSize(),
-    "--color-text-primary-normal": "var(--color-neutral-000)"
+    "--color-text-primary-normal": "var(--color-text-brand-primary-normal)"
   }, props.style);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     DataGridCell,

package/dist/components/DataGrid.js

@@ -16,7 +16,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-HXEPUO5W.js";
+} from "../chunk-3O7TTJL6.js";
 import {
   Menu
 } from "../chunk-VC3R5EUH.js";

package/dist/components/DataGridCell.cjs

@@ -1822,7 +1822,7 @@ function DataCellHeader(_a) {
     position: "relative",
     whiteSpace: "nowrap",
     width: header.column.getSize(),
-    "--color-text-primary-normal": "var(--color-neutral-000)"
+    "--color-text-primary-normal": "var(--color-text-brand-primary-normal)"
   }, props.style);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     DataGridCell,

package/dist/components/DataGridCell.js

@@ -4,7 +4,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-HXEPUO5W.js";
+} from "../chunk-3O7TTJL6.js";
 import "../chunk-VC3R5EUH.js";
 import "../chunk-Z4UCFUF7.js";
 import "../chunk-S46RZBT4.js";

package/dist/components/FilterGroup.cjs

@@ -719,7 +719,7 @@ var Link = (_a) => {
   const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx8.default)("text-text-action-critical-disabled");
   const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx8.default)("text-text-link-disabled");
   const disabledStyles = disabled && (0, import_clsx8.default)("pointer-events-none cursor-default");
-  const underlineStyles = underline ? "decoration-current" : "decoration-transparent";
+  const underlineStyles = underline ? "decoration-current" : "decoration-decoration-underline";
   const paddingY = paddedY && componentPaddingY;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     Component,
@@ -729,7 +729,7 @@ var Link = (_a) => {
         disabled ? "cursor-default" : "cursor-pointer",
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-transparent",
+        !disabled && "active:decoration-decoration-underline",
         "flex flex-col items-center justify-center",
         baseTransition,
         primaryStateStyles,

package/dist/components/FilterGroup.js

@@ -11,7 +11,7 @@ import {
 } from "../chunk-S5K22XTH.js";
 import {
   Link
-} from "../chunk-3WTXVSHO.js";
+} from "../chunk-AOELEEUS.js";
 import "../chunk-MZJS2ZAU.js";
 import {
   Checkbox

package/dist/components/Link.cjs

@@ -227,7 +227,7 @@ var Link = (_a) => {
   const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx2.default)("text-text-action-critical-disabled");
   const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx2.default)("text-text-link-disabled");
   const disabledStyles = disabled && (0, import_clsx2.default)("pointer-events-none cursor-default");
-  const underlineStyles = underline ? "decoration-current" : "decoration-transparent";
+  const underlineStyles = underline ? "decoration-current" : "decoration-decoration-underline";
   const paddingY = paddedY && componentPaddingY;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
@@ -237,7 +237,7 @@ var Link = (_a) => {
         disabled ? "cursor-default" : "cursor-pointer",
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-transparent",
+        !disabled && "active:decoration-decoration-underline",
         "flex flex-col items-center justify-center",
         baseTransition,
         primaryStateStyles,

package/dist/components/Link.js

@@ -1,6 +1,6 @@
 import {
   Link
-} from "../chunk-3WTXVSHO.js";
+} from "../chunk-AOELEEUS.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/index.css

@@ -94,6 +94,7 @@
     --shadow-4: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
     --shadow-16: 0px 0px 16px 0px rgba(0, 0, 0, 0.12), 0px 16px 16px 0px rgba(0, 0, 0, 0.12);
     --shadow-nav-tab: 0px -4px 4px -4px rgba(0, 0, 0, 0.32) inset;
+    --color-decoration-underline: transparent;
     --text-display-1-desktop: 32px;
     --text-display-1-mobile: 32px;
     --text-display-1-desktop-compact: 32px;
@@ -178,6 +179,7 @@
     --color-text-warning-normal: var(--color-warning-500);
     --color-text-warning-disabled: var(--color-neutral-400);
     --color-text-warning-error: var(--color-critical-400);
+    --color-text-brand-primary-normal: var(--color-neutral-000);
     --color-text-link-normal: var(--color-link-400);
     --color-text-link-hover: var(--color-link-500);
     --color-text-link-active: var(--color-link-300);
@@ -2078,8 +2080,8 @@
   .decoration-current {
     text-decoration-color: currentcolor;
   }
-  .decoration-transparent {
-    text-decoration-color: transparent;
+  .decoration-decoration-underline {
+    text-decoration-color: var(--color-decoration-underline);
   }
   .decoration-\[10\%\] {
     text-decoration-thickness: 10%;
@@ -3124,9 +3126,9 @@
       color: var(--color-white);
     }
   }
-  .active\:decoration-transparent {
+  .active\:decoration-decoration-underline {
     &:active {
-      text-decoration-color: transparent;
+      text-decoration-color: var(--color-decoration-underline);
     }
   }
   .disabled\:pointer-events-none {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DataGridCell.tsx

@@ -244,7 +244,7 @@ export function DataCellHeader<T extends unknown>({
     position: "relative",
     whiteSpace: "nowrap",
     width: header.column.getSize(),
-    "--color-text-primary-normal": "var(--color-neutral-000)",
+    "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
     ...props.style
   };
 

package/src/components/Link.tsx

@@ -64,7 +64,7 @@ export const Link = ({
   const disabledStyles = disabled && clsx("pointer-events-none cursor-default");
   const underlineStyles = underline
     ? "decoration-current"
-    : "decoration-transparent";
+    : "decoration-decoration-underline";
 
   const paddingY = paddedY && componentPaddingY;
 
@@ -75,7 +75,7 @@ export const Link = ({
         disabled ? "cursor-default" : "cursor-pointer",
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-transparent",
+        !disabled && "active:decoration-decoration-underline",
         "flex flex-col items-center justify-center",
         baseTransition,
         primaryStateStyles,

package/src/index.css

@@ -123,6 +123,10 @@
     0px 0px 16px 0px rgba(0, 0, 0, 0.12), 0px 16px 16px 0px rgba(0, 0, 0, 0.12);
   --shadow-nav-tab: 0px -4px 4px -4px rgba(0, 0, 0, 0.32) inset;
 
+  /* ── Decoration ────────────────────────── */
+
+  --color-decoration-underline: transparent;
+
   /* ── Text ──────────────────────────────── */
   --text-*: initial;
   --text-display-1-desktop: 32px;
@@ -233,6 +237,7 @@
   --color-text-warning-disabled: var(--color-neutral-400);
   --color-text-warning-error: var(--color-critical-400);
 
+  --color-text-brand-primary-normal: var(--color-neutral-000);
 
   --color-text-link-normal: var(--color-link-400);
   --color-text-link-hover: var(--color-link-500);