@dmsi/wedgekit-react 0.0.102 → 0.0.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/{chunk-3JRVV6QY.js → chunk-6UI5GABI.js} +1 -1
  2. package/dist/{chunk-6CS5ZBXO.js → chunk-CG2NIXZE.js} +1 -1
  3. package/dist/{chunk-QIHDPSOM.js → chunk-D2YP2BTN.js} +2 -2
  4. package/dist/{chunk-E5ZL2ZYX.js → chunk-E5VEDZYV.js} +2 -1
  5. package/dist/{chunk-L364HTYC.js → chunk-H6LXXGX6.js} +5 -7
  6. package/dist/{chunk-IMN6I5NV.js → chunk-P242H6OU.js} +1 -1
  7. package/dist/{chunk-3NWBR3V3.js → chunk-QNQ5K7NW.js} +1 -1
  8. package/dist/{chunk-66CBCMDU.js → chunk-VPEVXTBJ.js} +1 -1
  9. package/dist/{chunk-RVQEW4A4.js → chunk-WVLT6XM7.js} +2 -2
  10. package/dist/{chunk-2XOQII4G.js → chunk-X62XGQY7.js} +1 -1
  11. package/dist/components/Button.cjs +5 -7
  12. package/dist/components/Button.js +1 -1
  13. package/dist/components/ContentTab.cjs +5 -7
  14. package/dist/components/ContentTab.js +2 -2
  15. package/dist/components/ContentTabs.cjs +5 -7
  16. package/dist/components/ContentTabs.js +2 -2
  17. package/dist/components/DataGridCell.cjs +2 -1
  18. package/dist/components/DataGridCell.js +1 -1
  19. package/dist/components/FilterGroup.cjs +5 -7
  20. package/dist/components/FilterGroup.js +2 -2
  21. package/dist/components/MobileDataGrid.cjs +5 -7
  22. package/dist/components/MobileDataGrid.js +1 -1
  23. package/dist/components/Modal.cjs +5 -7
  24. package/dist/components/Modal.js +4 -4
  25. package/dist/components/ModalButtons.cjs +5 -7
  26. package/dist/components/ModalButtons.js +2 -2
  27. package/dist/components/ModalHeader.cjs +5 -7
  28. package/dist/components/ModalHeader.js +2 -2
  29. package/dist/components/NavigationTab.cjs +5 -7
  30. package/dist/components/NavigationTab.js +2 -2
  31. package/dist/components/NavigationTabs.cjs +5 -7
  32. package/dist/components/NavigationTabs.js +2 -2
  33. package/dist/components/Notification.cjs +5 -7
  34. package/dist/components/Notification.js +1 -1
  35. package/dist/components/OptionPill.cjs +5 -7
  36. package/dist/components/OptionPill.js +2 -2
  37. package/dist/components/PDFViewer.cjs +5 -7
  38. package/dist/components/PDFViewer.js +4 -4
  39. package/dist/components/PaymentOnAccountModal.cjs +5 -7
  40. package/dist/components/PaymentOnAccountModal.js +6 -6
  41. package/dist/components/SelectPaymentMethod.cjs +5 -7
  42. package/dist/components/SelectPaymentMethod.js +2 -2
  43. package/dist/components/Stepper.cjs +5 -7
  44. package/dist/components/Stepper.js +1 -1
  45. package/dist/components/Toast.cjs +5 -7
  46. package/dist/components/Toast.js +1 -1
  47. package/dist/components/Upload.cjs +5 -7
  48. package/dist/components/Upload.js +1 -1
  49. package/dist/components/index.cjs +7 -8
  50. package/dist/components/index.js +7 -7
  51. package/dist/index.css +0 -34
  52. package/package.json +1 -1
  53. package/src/components/Button.tsx +5 -7
  54. package/src/components/DataGridCell.tsx +2 -1
package/dist/{chunk-3JRVV6QY.js → chunk-6UI5GABI.js} RENAMED
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-J6LETUNM.js";
4
4
  import {
5
5
  Button
6
- } from "./chunk-L364HTYC.js";
6
+ } from "./chunk-H6LXXGX6.js";
7
7
  import {
8
8
  Icon
9
9
  } from "./chunk-IGQVA7SC.js";
package/dist/{chunk-6CS5ZBXO.js → chunk-CG2NIXZE.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Button
3
- } from "./chunk-L364HTYC.js";
3
+ } from "./chunk-H6LXXGX6.js";
4
4
  import {
5
5
  Icon
6
6
  } from "./chunk-IGQVA7SC.js";
package/dist/{chunk-QIHDPSOM.js → chunk-D2YP2BTN.js} RENAMED
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk-4RJKB7LC.js";
4
4
  import {
5
5
  ModalButtons
6
- } from "./chunk-6CS5ZBXO.js";
6
+ } from "./chunk-CG2NIXZE.js";
7
7
  import {
8
8
  ModalContent
9
9
  } from "./chunk-FWPJ73IK.js";
10
10
  import {
11
11
  ModalHeader
12
- } from "./chunk-3JRVV6QY.js";
12
+ } from "./chunk-6UI5GABI.js";
13
13
  import {
14
14
  ModalScrim
15
15
  } from "./chunk-4JLU7TAC.js";
package/dist/{chunk-E5ZL2ZYX.js → chunk-E5VEDZYV.js} RENAMED
@@ -122,7 +122,7 @@ var DataGridCell = memo(
122
122
  lockedHeaderBgStyles,
123
123
  iconComponentStyles,
124
124
  className,
125
- "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
125
+ "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-action-primary-normal",
126
126
  "focus-within:!z-10",
127
127
  "overflow-x-hidden",
128
128
  component === "input" && "border",
@@ -142,6 +142,7 @@ var DataGridCell = memo(
142
142
  className: clsx("flex h-10", !width && "flex-1"),
143
143
  style: { width }
144
144
  }, props), {
145
+ "data-theme": type === "header" ? "brand" : void 0,
145
146
  children: /* @__PURE__ */ jsx(
146
147
  "div",
147
148
  {
package/dist/{chunk-L364HTYC.js → chunk-H6LXXGX6.js} RENAMED
@@ -95,14 +95,11 @@ var Button = (_a) => {
95
95
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
96
96
  );
97
97
  const navigationVarianStyles = variant === "navigation" && clsx(
98
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
98
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
99
99
  "bg-transparent",
100
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
101
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
102
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
103
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
104
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
105
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
100
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
101
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
102
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
106
103
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
107
104
  "flex-col",
108
105
  paddingUsingComponentGap
@@ -140,6 +137,7 @@ var Button = (_a) => {
140
137
  onClick: props.onClick,
141
138
  disabled,
142
139
  href,
140
+ "data-theme": variant === "navigation" ? "brand" : void 0,
143
141
  children: [
144
142
  leftIcon && leftIcon,
145
143
  !iconOnly && children && /* @__PURE__ */ jsx("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/{chunk-IMN6I5NV.js → chunk-P242H6OU.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Button
3
- } from "./chunk-L364HTYC.js";
3
+ } from "./chunk-H6LXXGX6.js";
4
4
  import {
5
5
  Icon
6
6
  } from "./chunk-IGQVA7SC.js";
package/dist/{chunk-3NWBR3V3.js → chunk-QNQ5K7NW.js} RENAMED
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-S5K22XTH.js";
4
4
  import {
5
5
  Button
6
- } from "./chunk-L364HTYC.js";
6
+ } from "./chunk-H6LXXGX6.js";
7
7
  import {
8
8
  Icon
9
9
  } from "./chunk-IGQVA7SC.js";
package/dist/{chunk-66CBCMDU.js → chunk-VPEVXTBJ.js} RENAMED
@@ -27,7 +27,7 @@ import {
27
27
  } from "./chunk-VG4EPHJA.js";
28
28
  import {
29
29
  Button
30
- } from "./chunk-L364HTYC.js";
30
+ } from "./chunk-H6LXXGX6.js";
31
31
  import {
32
32
  Icon
33
33
  } from "./chunk-IGQVA7SC.js";
package/dist/{chunk-RVQEW4A4.js → chunk-WVLT6XM7.js} RENAMED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  SelectPaymentMethod
3
- } from "./chunk-66CBCMDU.js";
3
+ } from "./chunk-VPEVXTBJ.js";
4
4
  import {
5
5
  Modal
6
- } from "./chunk-QIHDPSOM.js";
6
+ } from "./chunk-D2YP2BTN.js";
7
7
  import {
8
8
  Input
9
9
  } from "./chunk-R5TLUWDD.js";
package/dist/{chunk-2XOQII4G.js → chunk-X62XGQY7.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Button
3
- } from "./chunk-L364HTYC.js";
3
+ } from "./chunk-H6LXXGX6.js";
4
4
  import {
5
5
  __objRest,
6
6
  __spreadProps,
package/dist/components/Button.cjs CHANGED
@@ -272,14 +272,11 @@ var Button = (_a) => {
272
272
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
273
273
  );
274
274
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
275
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
275
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
276
276
  "bg-transparent",
277
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
278
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
279
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
280
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
281
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
282
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
277
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
278
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
279
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
283
280
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
284
281
  "flex-col",
285
282
  paddingUsingComponentGap
@@ -317,6 +314,7 @@ var Button = (_a) => {
317
314
  onClick: props.onClick,
318
315
  disabled,
319
316
  href,
317
+ "data-theme": variant === "navigation" ? "brand" : void 0,
320
318
  children: [
321
319
  leftIcon && leftIcon,
322
320
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Button
3
- } from "../chunk-L364HTYC.js";
3
+ } from "../chunk-H6LXXGX6.js";
4
4
  import "../chunk-RDLEIAQU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
package/dist/components/ContentTab.cjs CHANGED
@@ -277,14 +277,11 @@ var Button = (_a) => {
277
277
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
278
278
  );
279
279
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
280
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
280
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
281
281
  "bg-transparent",
282
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
283
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
284
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
285
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
286
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
287
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
282
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
283
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
284
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
288
285
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
289
286
  "flex-col",
290
287
  paddingUsingComponentGap
@@ -322,6 +319,7 @@ var Button = (_a) => {
322
319
  onClick: props.onClick,
323
320
  disabled,
324
321
  href,
322
+ "data-theme": variant === "navigation" ? "brand" : void 0,
325
323
  children: [
326
324
  leftIcon && leftIcon,
327
325
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/ContentTab.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  ContentTab
4
- } from "../chunk-2XOQII4G.js";
5
- import "../chunk-L364HTYC.js";
4
+ } from "../chunk-X62XGQY7.js";
5
+ import "../chunk-H6LXXGX6.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
package/dist/components/ContentTabs.cjs CHANGED
@@ -281,14 +281,11 @@ var Button = (_a) => {
281
281
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
282
282
  );
283
283
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
284
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
284
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
285
285
  "bg-transparent",
286
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
287
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
288
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
289
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
290
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
291
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
286
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
287
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
288
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
292
289
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
293
290
  "flex-col",
294
291
  paddingUsingComponentGap
@@ -326,6 +323,7 @@ var Button = (_a) => {
326
323
  onClick: props.onClick,
327
324
  disabled,
328
325
  href,
326
+ "data-theme": variant === "navigation" ? "brand" : void 0,
329
327
  children: [
330
328
  leftIcon && leftIcon,
331
329
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/ContentTabs.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  ContentTab
4
- } from "../chunk-2XOQII4G.js";
5
- import "../chunk-L364HTYC.js";
4
+ } from "../chunk-X62XGQY7.js";
5
+ import "../chunk-H6LXXGX6.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
 
package/dist/components/DataGridCell.cjs CHANGED
@@ -1739,7 +1739,7 @@ var DataGridCell = (0, import_react10.memo)(
1739
1739
  lockedHeaderBgStyles,
1740
1740
  iconComponentStyles,
1741
1741
  className,
1742
- "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
1742
+ "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-action-primary-normal",
1743
1743
  "focus-within:!z-10",
1744
1744
  "overflow-x-hidden",
1745
1745
  component === "input" && "border",
@@ -1759,6 +1759,7 @@ var DataGridCell = (0, import_react10.memo)(
1759
1759
  className: (0, import_clsx8.default)("flex h-10", !width && "flex-1"),
1760
1760
  style: { width }
1761
1761
  }, props), {
1762
+ "data-theme": type === "header" ? "brand" : void 0,
1762
1763
  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1763
1764
  "div",
1764
1765
  {
package/dist/components/DataGridCell.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-E5ZL2ZYX.js";
7
+ } from "../chunk-E5VEDZYV.js";
8
8
  import "../chunk-37TJJQL3.js";
9
9
  import "../chunk-5GUW4DUY.js";
10
10
  import "../chunk-VH3EJNVE.js";
package/dist/components/FilterGroup.cjs CHANGED
@@ -524,14 +524,11 @@ var Button = (_a) => {
524
524
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
525
525
  );
526
526
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx6.default)(
527
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
527
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
528
528
  "bg-transparent",
529
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
530
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
531
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
532
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
533
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
534
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
529
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
530
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
531
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
535
532
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
536
533
  "flex-col",
537
534
  paddingUsingComponentGap
@@ -569,6 +566,7 @@ var Button = (_a) => {
569
566
  onClick: props.onClick,
570
567
  disabled,
571
568
  href,
569
+ "data-theme": variant === "navigation" ? "brand" : void 0,
572
570
  children: [
573
571
  leftIcon && leftIcon,
574
572
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/FilterGroup.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-3NWBR3V3.js";
4
+ } from "../chunk-QNQ5K7NW.js";
5
5
  import {
6
6
  Checkbox
7
7
  } from "../chunk-WT5XXW6G.js";
@@ -17,7 +17,7 @@ import "../chunk-VG4EPHJA.js";
17
17
  import {
18
18
  Link
19
19
  } from "../chunk-AOELEEUS.js";
20
- import "../chunk-L364HTYC.js";
20
+ import "../chunk-H6LXXGX6.js";
21
21
  import {
22
22
  Icon
23
23
  } from "../chunk-IGQVA7SC.js";
package/dist/components/MobileDataGrid.cjs CHANGED
@@ -474,14 +474,11 @@ var Button = (_a) => {
474
474
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
475
475
  );
476
476
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx4.default)(
477
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
477
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
478
478
  "bg-transparent",
479
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
480
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
481
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
482
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
483
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
484
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
479
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
480
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
481
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
485
482
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
486
483
  "flex-col",
487
484
  paddingUsingComponentGap
@@ -519,6 +516,7 @@ var Button = (_a) => {
519
516
  onClick: props.onClick,
520
517
  disabled,
521
518
  href,
519
+ "data-theme": variant === "navigation" ? "brand" : void 0,
522
520
  children: [
523
521
  leftIcon && leftIcon,
524
522
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/MobileDataGrid.js CHANGED
@@ -12,7 +12,7 @@ import {
12
12
  } from "../chunk-VG4EPHJA.js";
13
13
  import {
14
14
  Button
15
- } from "../chunk-L364HTYC.js";
15
+ } from "../chunk-H6LXXGX6.js";
16
16
  import {
17
17
  Icon
18
18
  } from "../chunk-IGQVA7SC.js";
package/dist/components/Modal.cjs CHANGED
@@ -327,14 +327,11 @@ var Button = (_a) => {
327
327
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
328
328
  );
329
329
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx3.default)(
330
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
330
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
331
331
  "bg-transparent",
332
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
333
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
334
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
335
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
336
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
337
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
332
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
333
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
334
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
338
335
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
339
336
  "flex-col",
340
337
  paddingUsingComponentGap
@@ -372,6 +369,7 @@ var Button = (_a) => {
372
369
  onClick: props.onClick,
373
370
  disabled,
374
371
  href,
372
+ "data-theme": variant === "navigation" ? "brand" : void 0,
375
373
  children: [
376
374
  leftIcon && leftIcon,
377
375
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/Modal.js CHANGED
@@ -1,16 +1,16 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-QIHDPSOM.js";
4
+ } from "../chunk-D2YP2BTN.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-6CS5ZBXO.js";
6
+ import "../chunk-CG2NIXZE.js";
7
7
  import "../chunk-FWPJ73IK.js";
8
- import "../chunk-3JRVV6QY.js";
8
+ import "../chunk-6UI5GABI.js";
9
9
  import "../chunk-4JLU7TAC.js";
10
10
  import "../chunk-J6LETUNM.js";
11
11
  import "../chunk-WNQ53SVY.js";
12
12
  import "../chunk-4T7F5BZZ.js";
13
- import "../chunk-L364HTYC.js";
13
+ import "../chunk-H6LXXGX6.js";
14
14
  import "../chunk-IGQVA7SC.js";
15
15
  import "../chunk-RDLEIAQU.js";
16
16
  import "../chunk-ORMEWXMH.js";
package/dist/components/ModalButtons.cjs CHANGED
@@ -275,14 +275,11 @@ var Button = (_a) => {
275
275
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
276
276
  );
277
277
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
278
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
278
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
279
279
  "bg-transparent",
280
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
281
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
282
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
283
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
284
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
285
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
280
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
281
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
282
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
286
283
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
287
284
  "flex-col",
288
285
  paddingUsingComponentGap
@@ -320,6 +317,7 @@ var Button = (_a) => {
320
317
  onClick: props.onClick,
321
318
  disabled,
322
319
  href,
320
+ "data-theme": variant === "navigation" ? "brand" : void 0,
323
321
  children: [
324
322
  leftIcon && leftIcon,
325
323
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/ModalButtons.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  ModalButtons
3
- } from "../chunk-6CS5ZBXO.js";
4
- import "../chunk-L364HTYC.js";
3
+ } from "../chunk-CG2NIXZE.js";
4
+ import "../chunk-H6LXXGX6.js";
5
5
  import "../chunk-IGQVA7SC.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
package/dist/components/ModalHeader.cjs CHANGED
@@ -324,14 +324,11 @@ var Button = (_a) => {
324
324
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
325
325
  );
326
326
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx3.default)(
327
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
327
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
328
328
  "bg-transparent",
329
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
330
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
331
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
332
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
333
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
334
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
329
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
330
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
331
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
335
332
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
336
333
  "flex-col",
337
334
  paddingUsingComponentGap
@@ -369,6 +366,7 @@ var Button = (_a) => {
369
366
  onClick: props.onClick,
370
367
  disabled,
371
368
  href,
369
+ "data-theme": variant === "navigation" ? "brand" : void 0,
372
370
  children: [
373
371
  leftIcon && leftIcon,
374
372
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/ModalHeader.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  ModalHeader
3
- } from "../chunk-3JRVV6QY.js";
3
+ } from "../chunk-6UI5GABI.js";
4
4
  import "../chunk-J6LETUNM.js";
5
- import "../chunk-L364HTYC.js";
5
+ import "../chunk-H6LXXGX6.js";
6
6
  import "../chunk-IGQVA7SC.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-ORMEWXMH.js";
package/dist/components/NavigationTab.cjs CHANGED
@@ -275,14 +275,11 @@ var Button = (_a) => {
275
275
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
276
276
  );
277
277
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
278
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
278
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
279
279
  "bg-transparent",
280
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
281
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
282
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
283
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
284
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
285
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
280
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
281
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
282
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
286
283
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
287
284
  "flex-col",
288
285
  paddingUsingComponentGap
@@ -320,6 +317,7 @@ var Button = (_a) => {
320
317
  onClick: props.onClick,
321
318
  disabled,
322
319
  href,
320
+ "data-theme": variant === "navigation" ? "brand" : void 0,
323
321
  children: [
324
322
  leftIcon && leftIcon,
325
323
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/NavigationTab.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  NavigationTab
3
- } from "../chunk-IMN6I5NV.js";
4
- import "../chunk-L364HTYC.js";
3
+ } from "../chunk-P242H6OU.js";
4
+ import "../chunk-H6LXXGX6.js";
5
5
  import "../chunk-IGQVA7SC.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
package/dist/components/NavigationTabs.cjs CHANGED
@@ -280,14 +280,11 @@ var Button = (_a) => {
280
280
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
281
281
  );
282
282
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
283
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
283
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
284
284
  "bg-transparent",
285
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
286
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
287
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
288
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
289
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
290
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
285
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
286
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
287
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
291
288
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
292
289
  "flex-col",
293
290
  paddingUsingComponentGap
@@ -325,6 +322,7 @@ var Button = (_a) => {
325
322
  onClick: props.onClick,
326
323
  disabled,
327
324
  href,
325
+ "data-theme": variant === "navigation" ? "brand" : void 0,
328
326
  children: [
329
327
  leftIcon && leftIcon,
330
328
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/NavigationTabs.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  NavigationTab
4
- } from "../chunk-IMN6I5NV.js";
5
- import "../chunk-L364HTYC.js";
4
+ } from "../chunk-P242H6OU.js";
5
+ import "../chunk-H6LXXGX6.js";
6
6
  import "../chunk-IGQVA7SC.js";
7
7
  import {
8
8
  componentGap
package/dist/components/Notification.cjs CHANGED
@@ -277,14 +277,11 @@ var Button = (_a) => {
277
277
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
278
278
  );
279
279
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
280
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
280
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
281
281
  "bg-transparent",
282
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
283
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
284
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
285
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
286
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
287
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
282
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
283
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
284
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
288
285
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
289
286
  "flex-col",
290
287
  paddingUsingComponentGap
@@ -322,6 +319,7 @@ var Button = (_a) => {
322
319
  onClick: props.onClick,
323
320
  disabled,
324
321
  href,
322
+ "data-theme": variant === "navigation" ? "brand" : void 0,
325
323
  children: [
326
324
  leftIcon && leftIcon,
327
325
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/Notification.js CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from "../chunk-VG4EPHJA.js";
11
11
  import {
12
12
  Button
13
- } from "../chunk-L364HTYC.js";
13
+ } from "../chunk-H6LXXGX6.js";
14
14
  import {
15
15
  Icon
16
16
  } from "../chunk-IGQVA7SC.js";
package/dist/components/OptionPill.cjs CHANGED
@@ -273,14 +273,11 @@ var Button = (_a) => {
273
273
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
274
274
  );
275
275
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
276
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
276
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
277
277
  "bg-transparent",
278
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
279
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
280
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
281
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
282
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
283
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
278
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
279
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
280
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
284
281
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
285
282
  "flex-col",
286
283
  paddingUsingComponentGap
@@ -318,6 +315,7 @@ var Button = (_a) => {
318
315
  onClick: props.onClick,
319
316
  disabled,
320
317
  href,
318
+ "data-theme": variant === "navigation" ? "brand" : void 0,
321
319
  children: [
322
320
  leftIcon && leftIcon,
323
321
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/OptionPill.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  OptionPill
3
- } from "../chunk-3NWBR3V3.js";
3
+ } from "../chunk-QNQ5K7NW.js";
4
4
  import "../chunk-S5K22XTH.js";
5
- import "../chunk-L364HTYC.js";
5
+ import "../chunk-H6LXXGX6.js";
6
6
  import "../chunk-IGQVA7SC.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-ORMEWXMH.js";
package/dist/components/PDFViewer.cjs CHANGED
@@ -331,14 +331,11 @@ var Button = (_a) => {
331
331
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
332
332
  );
333
333
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx3.default)(
334
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
334
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
335
335
  "bg-transparent",
336
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
337
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
338
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
339
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
340
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
341
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
336
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
337
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
338
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
342
339
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
343
340
  "flex-col",
344
341
  paddingUsingComponentGap
@@ -376,6 +373,7 @@ var Button = (_a) => {
376
373
  onClick: props.onClick,
377
374
  disabled,
378
375
  href,
376
+ "data-theme": variant === "navigation" ? "brand" : void 0,
379
377
  children: [
380
378
  leftIcon && leftIcon,
381
379
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/PDFViewer.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-QIHDPSOM.js";
4
+ } from "../chunk-D2YP2BTN.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-6CS5ZBXO.js";
6
+ import "../chunk-CG2NIXZE.js";
7
7
  import "../chunk-FWPJ73IK.js";
8
- import "../chunk-3JRVV6QY.js";
8
+ import "../chunk-6UI5GABI.js";
9
9
  import "../chunk-4JLU7TAC.js";
10
10
  import "../chunk-J6LETUNM.js";
11
11
  import {
@@ -18,7 +18,7 @@ import {
18
18
  } from "../chunk-EO3JJWFW.js";
19
19
  import {
20
20
  Button
21
- } from "../chunk-L364HTYC.js";
21
+ } from "../chunk-H6LXXGX6.js";
22
22
  import {
23
23
  Icon
24
24
  } from "../chunk-IGQVA7SC.js";
package/dist/components/PaymentOnAccountModal.cjs CHANGED
@@ -329,14 +329,11 @@ var Button = (_a) => {
329
329
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
330
330
  );
331
331
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx3.default)(
332
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
332
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
333
333
  "bg-transparent",
334
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
335
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
336
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
337
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
338
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
339
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
334
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
335
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
336
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
340
337
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
341
338
  "flex-col",
342
339
  paddingUsingComponentGap
@@ -374,6 +371,7 @@ var Button = (_a) => {
374
371
  onClick: props.onClick,
375
372
  disabled,
376
373
  href,
374
+ "data-theme": variant === "navigation" ? "brand" : void 0,
377
375
  children: [
378
376
  leftIcon && leftIcon,
379
377
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/PaymentOnAccountModal.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  PaymentOnAccountModal,
3
3
  calculateSurcharge
4
- } from "../chunk-RVQEW4A4.js";
5
- import "../chunk-66CBCMDU.js";
4
+ } from "../chunk-WVLT6XM7.js";
5
+ import "../chunk-VPEVXTBJ.js";
6
6
  import "../chunk-TTO4PL7Y.js";
7
- import "../chunk-QIHDPSOM.js";
7
+ import "../chunk-D2YP2BTN.js";
8
8
  import "../chunk-4RJKB7LC.js";
9
- import "../chunk-6CS5ZBXO.js";
9
+ import "../chunk-CG2NIXZE.js";
10
10
  import "../chunk-FWPJ73IK.js";
11
- import "../chunk-3JRVV6QY.js";
11
+ import "../chunk-6UI5GABI.js";
12
12
  import "../chunk-4JLU7TAC.js";
13
13
  import "../chunk-J6LETUNM.js";
14
14
  import "../chunk-3ZUSYRI7.js";
@@ -23,7 +23,7 @@ import "../chunk-QDFQ3B4N.js";
23
23
  import "../chunk-EO3JJWFW.js";
24
24
  import "../chunk-JOMM4KBH.js";
25
25
  import "../chunk-VG4EPHJA.js";
26
- import "../chunk-L364HTYC.js";
26
+ import "../chunk-H6LXXGX6.js";
27
27
  import "../chunk-IGQVA7SC.js";
28
28
  import "../chunk-RDLEIAQU.js";
29
29
  import "../chunk-ORMEWXMH.js";
package/dist/components/SelectPaymentMethod.cjs CHANGED
@@ -610,14 +610,11 @@ var Button = (_a) => {
610
610
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
611
611
  );
612
612
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx7.default)(
613
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
613
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
614
614
  "bg-transparent",
615
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
616
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
617
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
618
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
619
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
620
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
615
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
616
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
617
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
621
618
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
622
619
  "flex-col",
623
620
  paddingUsingComponentGap
@@ -655,6 +652,7 @@ var Button = (_a) => {
655
652
  onClick: props.onClick,
656
653
  disabled,
657
654
  href,
655
+ "data-theme": variant === "navigation" ? "brand" : void 0,
658
656
  children: [
659
657
  leftIcon && leftIcon,
660
658
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/SelectPaymentMethod.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  SelectPaymentMethod
4
- } from "../chunk-66CBCMDU.js";
4
+ } from "../chunk-VPEVXTBJ.js";
5
5
  import "../chunk-TTO4PL7Y.js";
6
6
  import "../chunk-3ZUSYRI7.js";
7
7
  import "../chunk-WT5XXW6G.js";
@@ -11,7 +11,7 @@ import "../chunk-QDFQ3B4N.js";
11
11
  import "../chunk-EO3JJWFW.js";
12
12
  import "../chunk-JOMM4KBH.js";
13
13
  import "../chunk-VG4EPHJA.js";
14
- import "../chunk-L364HTYC.js";
14
+ import "../chunk-H6LXXGX6.js";
15
15
  import "../chunk-IGQVA7SC.js";
16
16
  import "../chunk-RDLEIAQU.js";
17
17
  import "../chunk-ORMEWXMH.js";
package/dist/components/Stepper.cjs CHANGED
@@ -275,14 +275,11 @@ var Button = (_a) => {
275
275
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
276
276
  );
277
277
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx2.default)(
278
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
278
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
279
279
  "bg-transparent",
280
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
281
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
282
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
283
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
284
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
285
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
280
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
281
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
282
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
286
283
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
287
284
  "flex-col",
288
285
  paddingUsingComponentGap
@@ -320,6 +317,7 @@ var Button = (_a) => {
320
317
  onClick: props.onClick,
321
318
  disabled,
322
319
  href,
320
+ "data-theme": variant === "navigation" ? "brand" : void 0,
323
321
  children: [
324
322
  leftIcon && leftIcon,
325
323
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/Stepper.js CHANGED
@@ -6,7 +6,7 @@ import "../chunk-5UH6QUFB.js";
6
6
  import "../chunk-S5K22XTH.js";
7
7
  import {
8
8
  Button
9
- } from "../chunk-L364HTYC.js";
9
+ } from "../chunk-H6LXXGX6.js";
10
10
  import {
11
11
  Icon
12
12
  } from "../chunk-IGQVA7SC.js";
package/dist/components/Toast.cjs CHANGED
@@ -410,14 +410,11 @@ var Button = (_a) => {
410
410
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
411
411
  );
412
412
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx5.default)(
413
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
413
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
414
414
  "bg-transparent",
415
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
416
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
417
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
418
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
419
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
420
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
415
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
416
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
417
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
421
418
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
422
419
  "flex-col",
423
420
  paddingUsingComponentGap
@@ -455,6 +452,7 @@ var Button = (_a) => {
455
452
  onClick: props.onClick,
456
453
  disabled,
457
454
  href,
455
+ "data-theme": variant === "navigation" ? "brand" : void 0,
458
456
  children: [
459
457
  leftIcon && leftIcon,
460
458
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/Toast.js CHANGED
@@ -7,7 +7,7 @@ import {
7
7
  } from "../chunk-VG4EPHJA.js";
8
8
  import {
9
9
  Button
10
- } from "../chunk-L364HTYC.js";
10
+ } from "../chunk-H6LXXGX6.js";
11
11
  import {
12
12
  Icon
13
13
  } from "../chunk-IGQVA7SC.js";
package/dist/components/Upload.cjs CHANGED
@@ -355,14 +355,11 @@ var Button = (_a) => {
355
355
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
356
356
  );
357
357
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx4.default)(
358
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
358
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
359
359
  "bg-transparent",
360
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
361
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
362
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
363
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
364
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
365
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
360
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
361
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
362
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
366
363
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
367
364
  "flex-col",
368
365
  paddingUsingComponentGap
@@ -400,6 +397,7 @@ var Button = (_a) => {
400
397
  onClick: props.onClick,
401
398
  disabled,
402
399
  href,
400
+ "data-theme": variant === "navigation" ? "brand" : void 0,
403
401
  children: [
404
402
  leftIcon && leftIcon,
405
403
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/Upload.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  } from "../chunk-VG4EPHJA.js";
4
4
  import {
5
5
  Button
6
- } from "../chunk-L364HTYC.js";
6
+ } from "../chunk-H6LXXGX6.js";
7
7
  import {
8
8
  Icon
9
9
  } from "../chunk-IGQVA7SC.js";
package/dist/components/index.cjs CHANGED
@@ -1782,7 +1782,7 @@ var DataGridCell = (0, import_react10.memo)(
1782
1782
  lockedHeaderBgStyles,
1783
1783
  iconComponentStyles,
1784
1784
  className,
1785
- "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
1785
+ "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-action-primary-normal",
1786
1786
  "focus-within:!z-10",
1787
1787
  "overflow-x-hidden",
1788
1788
  component === "input" && "border",
@@ -1802,6 +1802,7 @@ var DataGridCell = (0, import_react10.memo)(
1802
1802
  className: (0, import_clsx8.default)("flex h-10", !width && "flex-1"),
1803
1803
  style: { width }
1804
1804
  }, props), {
1805
+ "data-theme": type === "header" ? "brand" : void 0,
1805
1806
  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1806
1807
  "div",
1807
1808
  {
@@ -3429,14 +3430,11 @@ var Button = (_a) => {
3429
3430
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
3430
3431
  );
3431
3432
  const navigationVarianStyles = variant === "navigation" && (0, import_clsx17.default)(
3432
- (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
3433
+ (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
3433
3434
  "bg-transparent",
3434
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
3435
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
3436
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
3437
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
3438
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
3439
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
3435
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
3436
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
3437
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
3440
3438
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
3441
3439
  "flex-col",
3442
3440
  paddingUsingComponentGap
@@ -3474,6 +3472,7 @@ var Button = (_a) => {
3474
3472
  onClick: props.onClick,
3475
3473
  disabled,
3476
3474
  href,
3475
+ "data-theme": variant === "navigation" ? "brand" : void 0,
3477
3476
  children: [
3478
3477
  leftIcon && leftIcon,
3479
3478
  !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
package/dist/components/index.js CHANGED
@@ -6,14 +6,14 @@ import {
6
6
  } from "../chunk-Y4HUYAI5.js";
7
7
  import {
8
8
  PaymentOnAccountModal
9
- } from "../chunk-RVQEW4A4.js";
10
- import "../chunk-66CBCMDU.js";
9
+ } from "../chunk-WVLT6XM7.js";
10
+ import "../chunk-VPEVXTBJ.js";
11
11
  import "../chunk-TTO4PL7Y.js";
12
- import "../chunk-QIHDPSOM.js";
12
+ import "../chunk-D2YP2BTN.js";
13
13
  import "../chunk-4RJKB7LC.js";
14
- import "../chunk-6CS5ZBXO.js";
14
+ import "../chunk-CG2NIXZE.js";
15
15
  import "../chunk-FWPJ73IK.js";
16
- import "../chunk-3JRVV6QY.js";
16
+ import "../chunk-6UI5GABI.js";
17
17
  import "../chunk-4JLU7TAC.js";
18
18
  import "../chunk-J6LETUNM.js";
19
19
  import "../chunk-3ZUSYRI7.js";
@@ -25,7 +25,7 @@ import {
25
25
  DataGridCell,
26
26
  DragAlongCell,
27
27
  DraggableCellHeader
28
- } from "../chunk-E5ZL2ZYX.js";
28
+ } from "../chunk-E5VEDZYV.js";
29
29
  import {
30
30
  Menu
31
31
  } from "../chunk-37TJJQL3.js";
@@ -63,7 +63,7 @@ import {
63
63
  } from "../chunk-VG4EPHJA.js";
64
64
  import {
65
65
  Button
66
- } from "../chunk-L364HTYC.js";
66
+ } from "../chunk-H6LXXGX6.js";
67
67
  import {
68
68
  Icon
69
69
  } from "../chunk-IGQVA7SC.js";
package/dist/index.css CHANGED
@@ -2866,13 +2866,6 @@
2866
2866
  }
2867
2867
  }
2868
2868
  }
2869
- .hover\:bg-background-on-action-secondary-hover {
2870
- &:hover {
2871
- @media (hover: hover) {
2872
- background-color: var(--color-background-on-action-secondary-hover);
2873
- }
2874
- }
2875
- }
2876
2869
  .hover\:bg-background-secondary-normal\/30 {
2877
2870
  &:hover {
2878
2871
  @media (hover: hover) {
@@ -2911,13 +2904,6 @@
2911
2904
  }
2912
2905
  }
2913
2906
  }
2914
- .hover\:text-brand-text-action-primary-hover {
2915
- &:hover {
2916
- @media (hover: hover) {
2917
- color: var(--color-brand-text-action-primary-hover);
2918
- }
2919
- }
2920
- }
2921
2907
  .hover\:text-icon-action-critical-secondary-hover {
2922
2908
  &:hover {
2923
2909
  @media (hover: hover) {
@@ -3045,16 +3031,6 @@
3045
3031
  background-color: var(--color-background-action-secondary-hover);
3046
3032
  }
3047
3033
  }
3048
- .focus\:bg-background-on-action-secondary-hover {
3049
- &:focus {
3050
- background-color: var(--color-background-on-action-secondary-hover);
3051
- }
3052
- }
3053
- .focus\:text-brand-text-action-primary-hover {
3054
- &:focus {
3055
- color: var(--color-brand-text-action-primary-hover);
3056
- }
3057
- }
3058
3034
  .focus\:text-text-action-critical-hover {
3059
3035
  &:focus {
3060
3036
  color: var(--color-text-action-critical-hover);
@@ -3195,11 +3171,6 @@
3195
3171
  background-color: var(--color-background-action-secondary-active);
3196
3172
  }
3197
3173
  }
3198
- .active\:bg-background-on-action-secondary-active {
3199
- &:active {
3200
- background-color: var(--color-background-on-action-secondary-active);
3201
- }
3202
- }
3203
3174
  .active\:\!text-brand-text-on-action-primary-active {
3204
3175
  &:active {
3205
3176
  color: var(--color-brand-text-on-action-primary-active) !important;
@@ -3215,11 +3186,6 @@
3215
3186
  color: var(--color-action-300);
3216
3187
  }
3217
3188
  }
3218
- .active\:text-brand-text-action-primary-active {
3219
- &:active {
3220
- color: var(--color-brand-text-action-primary-active);
3221
- }
3222
- }
3223
3189
  .active\:text-icon-action-critical-secondary-active {
3224
3190
  &:active {
3225
3191
  color: var(--color-icon-action-critical-secondary-active);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.102",
4
+ "version": "0.0.104",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/Button.tsx CHANGED
@@ -146,14 +146,11 @@ export const Button = ({
146
146
  clsx(
147
147
  colorClassName?.trim()
148
148
  ? colorClassName
149
- : "text-text-on-action-primary-normal",
149
+ : "text-text-action-primary-normal",
150
150
  "bg-transparent",
151
- "hover:bg-background-on-action-secondary-hover hover:text-brand-text-action-primary-hover",
152
- // "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover", // Will use this once colors are finalized
153
- "focus:bg-background-on-action-secondary-hover focus:text-brand-text-action-primary-hover focus:outline-0",
154
- // "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover", // Will use this once colors are finalized
155
- "active:bg-background-on-action-secondary-active active:text-brand-text-action-primary-active",
156
- // "active:bg-background-action-secondary-active active:text-text-action-primary-active", // Will use this once colors are finalized
151
+ "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
152
+ "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
153
+ "active:bg-background-action-secondary-active active:text-text-action-primary-active",
157
154
  "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
158
155
  "flex-col",
159
156
  paddingUsingComponentGap,
@@ -198,6 +195,7 @@ export const Button = ({
198
195
  onClick={props.onClick}
199
196
  disabled={disabled}
200
197
  href={href}
198
+ data-theme={variant === "navigation" ? "brand" : undefined}
201
199
  >
202
200
  {leftIcon && leftIcon}
203
201
 
package/src/components/DataGridCell.tsx CHANGED
@@ -146,7 +146,7 @@ export const DataGridCell = memo(
146
146
  lockedHeaderBgStyles,
147
147
  iconComponentStyles,
148
148
  className,
149
- "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
149
+ "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-action-primary-normal",
150
150
  "focus-within:!z-10",
151
151
  "overflow-x-hidden",
152
152
  component === "input" && "border",
@@ -169,6 +169,7 @@ export const DataGridCell = memo(
169
169
  className={clsx("flex h-10", !width && "flex-1")}
170
170
  style={{ width }}
171
171
  {...props}
172
+ data-theme={type === "header" ? "brand" : undefined}
172
173
  >
173
174
  <div
174
175
  className={cellClasses}