@dmsi/wedgekit-react 0.0.124 → 0.0.125

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-L364HTYC.js → chunk-H6LXXGX6.js} +5 -7
  5. package/dist/{chunk-ZEGVZ5NW.js → chunk-KS4RDR6P.js} +6 -2
  6. package/dist/{chunk-IMN6I5NV.js → chunk-P242H6OU.js} +1 -1
  7. package/dist/{chunk-22CQ3BSY.js → chunk-QLD6SOEU.js} +2 -2
  8. package/dist/{chunk-3NWBR3V3.js → chunk-QNQ5K7NW.js} +1 -1
  9. package/dist/{chunk-2XOQII4G.js → chunk-X62XGQY7.js} +1 -1
  10. package/dist/{chunk-FWRT5E5M.js → chunk-ZWEKVOHD.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 +6 -2
  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 +11 -9
  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 +7 -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-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-ZEGVZ5NW.js → chunk-KS4RDR6P.js} RENAMED
@@ -143,6 +143,7 @@ var DataGridCell = memo(
143
143
  className: clsx("flex h-10", !width && "flex-1"),
144
144
  style: { width }
145
145
  }, props), {
146
+ "data-theme": type === "header" && !locked ? "brand" : void 0,
146
147
  children: /* @__PURE__ */ jsx(
147
148
  "div",
148
149
  {
@@ -214,7 +215,9 @@ function DataCellHeader(_a) {
214
215
  position: "relative",
215
216
  whiteSpace: "nowrap",
216
217
  width: header.column.getSize(),
217
- "--color-text-primary-normal": "var(--color-text-brand-primary-normal)"
218
+ "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
219
+ "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
220
+ "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
218
221
  }, props.style);
219
222
  return /* @__PURE__ */ jsxs(
220
223
  DataGridCell,
@@ -418,7 +421,8 @@ function DraggableCellHeader(_a) {
418
421
  whiteSpace: "nowrap",
419
422
  zIndex: isDragging ? 1 : 0,
420
423
  width: header.column.getSize(),
421
- "--color-text-primary-normal": "var(--color-neutral-000)",
424
+ "--color-text-primary-normal": "var(--color-action-000)",
425
+ "--color-icon-on-action-primary-normal": "var(--color-action-000)",
422
426
  userSelect: "none"
423
427
  };
424
428
  return /* @__PURE__ */ jsx(
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-22CQ3BSY.js → chunk-QLD6SOEU.js} RENAMED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  SelectPaymentMethod
3
- } from "./chunk-FWRT5E5M.js";
3
+ } from "./chunk-ZWEKVOHD.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-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-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/{chunk-FWRT5E5M.js → chunk-ZWEKVOHD.js} RENAMED
@@ -24,7 +24,7 @@ import {
24
24
  } from "./chunk-4OS6APPF.js";
25
25
  import {
26
26
  Button
27
- } from "./chunk-L364HTYC.js";
27
+ } from "./chunk-H6LXXGX6.js";
28
28
 
29
29
  // src/components/SelectPaymentMethod.tsx
30
30
  import { useState } from "react";
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
@@ -1760,6 +1760,7 @@ var DataGridCell = (0, import_react10.memo)(
1760
1760
  className: (0, import_clsx8.default)("flex h-10", !width && "flex-1"),
1761
1761
  style: { width }
1762
1762
  }, props), {
1763
+ "data-theme": type === "header" && !locked ? "brand" : void 0,
1763
1764
  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1764
1765
  "div",
1765
1766
  {
@@ -1831,7 +1832,9 @@ function DataCellHeader(_a) {
1831
1832
  position: "relative",
1832
1833
  whiteSpace: "nowrap",
1833
1834
  width: header.column.getSize(),
1834
- "--color-text-primary-normal": "var(--color-text-brand-primary-normal)"
1835
+ "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
1836
+ "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
1837
+ "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
1835
1838
  }, props.style);
1836
1839
  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1837
1840
  DataGridCell,
@@ -2035,7 +2038,8 @@ function DraggableCellHeader(_a) {
2035
2038
  whiteSpace: "nowrap",
2036
2039
  zIndex: isDragging ? 1 : 0,
2037
2040
  width: header.column.getSize(),
2038
- "--color-text-primary-normal": "var(--color-neutral-000)",
2041
+ "--color-text-primary-normal": "var(--color-action-000)",
2042
+ "--color-icon-on-action-primary-normal": "var(--color-action-000)",
2039
2043
  userSelect: "none"
2040
2044
  };
2041
2045
  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
package/dist/components/DataGridCell.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-ZEGVZ5NW.js";
7
+ } from "../chunk-KS4RDR6P.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